Error using jQuery uploadify with IE

Testing in IE 8 i get this error: Object doesn't support this property or method I'm using the latest release of uploadify.

It occurs in a custom javascript file I've included in the head section of my page. Here's the code:

$(function () {

        $('#fileupload').uploadify({                  // <--IE points to this line: Object doesn't support this property or method
            'uploader'  : 'flash/uploadify.swf',
            'script'    : 'includes/core/uploadify.php',
            'cancelImg' : 'images/close.png',
            'auto'      : false,
            'folder'    : 'uploads',
            'multi'     : true,
            'onComplete' : function(){return false;}
        });
});

I've checked for anything in my markup that has an id of "settings" ...there's nothing. Can't seem to figure out what the problem is.

HTML Header:

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title><?php echo $_title ?> &#9679; Dashboard</title>

    <style type="text/css" media="all">
        @import url("css/style.css");
        @import url("css/jquery.wysiwyg.css");
        @import url("css/facebox.css");
        @import url("css/visualize.css");
        @import url("css/date_input.css");
                @import url("css/uploadify.css");
    </style>

    <!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=7" /><![endif]-->
    <!--[if lt IE 8]><style type="text/css" media="all">@import url("css/ie.css");</style><![endif]-->
    <!--[if IE]><script type="text/javascript" src="js/excanvas.js"></script><![endif]-->

    <script type="text/javascript" src="js/jquery.js"></script>
        <script type="text/javascript" src="js/jquery.img.preload.js"></script>
        <script type="text/javascript" src="js/jquery.filestyle.mini.js"></script>
        <script type="text/javascript" src="js/jquery.wysiwyg.js"></script>
        <script type="text/javascript" src="js/jquery.date_input.pack.js"></script>
        <script type="text/javascript" src="js/facebox.js"></script>
        <script type="text/javascript" src="js/jquery.visualize.js"></script>
        <script type="text/javascript" src="js/jquery.select_skin.js"></script>
        <script type="text/javascript" src="js/ajaxupload.js"></script>
        <script type="text/javascript" src="js/jquery.pngfix.js"></script>
        <script type="text/javascript" src="js/jquery.uploadify.v2.1.0.js"></script>
        <script type="text/javascript" src="js/swfobject.js"></script>
        <script type="text/javascript" src="js/custom.js"></script>

</head>

Solution

"Object doesn't support this property or method" means that the thing you're trying to call or use doesn't exist or isn't available for the object.

It sounds like maybe you have done one of the following:

Not included the external js file that declares the uploadify method.
Mis-typed the path to the external js file.
Included the external js file before the jquery js file(s).

Try opening the page up in Firefox with Firebug. When you do that, you can check to make sure all scripts are loaded properly.