Javascript not working in IE and Chrome
<p>Please help!
I have a thumb image link swapping out on hover.
It works fine in Firefox and Safari but doesn't show on IE and Chrome.
I'm new to Javascript so please excuse me if I'm missing the obvious.
Thank you in advance.</p>

<p>Here is the script:</p>

<pre><code>$(document).ready (function(){
 var fadingImage;
  $(".fade").hover(function(){
    fadingImage = $(this).find("img").eq(1);
    fadingImage.stop(true, true).fadeIn(250);
    }, function(){
    fadingImage.stop(true, true).fadeOut(250);
  });
});
</code></pre>

<p>HTML code:</p>

<pre><code>&lt;section class="brands_list"&gt;
    &lt;div style="display:block; width:290; height:160;"" class="fade"&gt;
      &lt;a href="&lt;?php echo get_bloginfo('siteurl')."/".$urlSlug."/".$brandSlug; ?&gt;"&gt;&lt;img src="&lt;?php echo $brandLogo ?&gt;" class="brand" alt="&lt;?php echo $brandName ?&gt;" width="290" height="160"/&gt;
      &lt;img src="&lt;?php echo $brandImage ?&gt;" class="brand" alt="&lt;?php echo $brandName ?&gt;" width="290" height="160"/&gt;
      &lt;/a&gt;
    &lt;/div&gt;
&lt;/section&gt;
</code></pre>
