jQuery hover opacity IE8
<p>This is for a thumbnail - a simple opacity set then hover function.</p>

<p>What am I missing? This is working in most browsers (including IE7) but in IE8 I get nothing.</p>

<pre><code>&lt;script type="text/javascript"&gt;
    $(function() {
        // set opacity on page load
        $(".image-thumb").css("opacity", "0.6");
        // on mouse over
        $(".image-thumb").hover(
          function() {
            // animate opacity to full
            $(this).stop().animate({
                opacity: 1
            }, "slow");
          },
          // on mouse out
          function() {
            // animate opacity
            $(this).stop().animate({
                opacity: 0.6
            }, "slow");
          }
        );
    })
&lt;/script&gt;
</code></pre>
