Microsoft JScript runtime error: Object doesn't support this property or method

Question

I am trying to use jGrowl in ASP.NET, but am getting a Microsoft JScript runtime error: Object doesn't support this property or method error when trying to run the page in IE. Any ideas why this is happening?

<link rel="stylesheet" href="css/jquery.jgrowl.css" type="text/css" />
<style type="text/css">
div.jGrowl div.smoke {
background: url(images/smoke.png) no-repeat;
-moz-border-radius:  0px;
-webkit-border-radius: 0px;
width:      280px;
height:     55px;
overflow:     hidden;
}
</style>
<!--[if lt IE 7]>
<link rel="stylesheet" href="css/jquery.jgrowl.ie6.css" type="text/css" />
<![endif]-->

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.jgrowl.js"></script>
<script type="text/javascript" src="js/jquery.template.js"></script>
<script type="text/javascript" src="js/jquery.ui.all.js"></script>
<script type="text/javascript" src="js/jquery-1.4.2.js" ></script>
<script type="text/javascript">

    $(document).ready(function(){

    $('#test2').jGrowl("TEST", {
        theme: 'smoke',
        closer: true
    });

});

</script>

BODY:

<a onclick="$('#test2').jGrowl('TEST');" href="javascript:void(0);">Sample 3</a>

Answer 1

I think you are including jquery twice. You have a jquery.js and jquery-1.4.2.js script files included. Everything seems to be plugging into the first instance and then the last include overrides $. So that's why you're seeing this error message.