jQuery hover fade problems
<p>Hi can someone please explain what I am doing incorrectly.  I am trying to have an image (bub1) fade in when you mouseover a link (butt1) and fade back out when you mouse away.  Thanks for any help.</p>

<p>I updated this based on the help here and added my html... </p>

<pre><code>    &lt;a href="#" class="butt1"&gt;&lt;img src="images/button-1.png" alt="" class="home-butt-1"/&gt;&lt;/a&gt;

&lt;div class="bub1"&gt;&lt;img src="images/bubble-bl.png" alt="" /&gt;&lt;/div&gt;

    &lt;script type="text/javascript"&gt;

$(function() {
    $('.bub1').hide();
    $('a.butt1').hover(function() {
        $(this).find('.bub1').fadeIn('fast');
    }, function () {
        $(this).find('.bub1').fadeOut('fast');
    });
});

&lt;/script&gt;
</code></pre>
