Jquery hover effect
<p>I want to make a hover effect on a image. That works fine! But i also have a text on top of the image that's in a div. When i hover it the image in the background goes back..</p>

<p>Simply put, i want a hover effect on the image only when i mouseover both the text or image..</p>

<p>You can see how it works here: <a href="http://notre.co/nav" rel="nofollow">http://notre.co/nav</a></p>

<pre><code>$(document).ready(function() {
    $('img').each(function() {
       $(this).hover(function() {
           $(this).stop().animate({ opacity: 0.3 }, 200);
       },
       function() {
           $(this).stop().animate({ opacity: 1.0 }, 800);
       });
    });
});
</code></pre>
