Fade (reduce opacity) image with jQuery only while mouse over
<p>I want to turn the opacity of the image to half when it is hovered (and return it to normal when the cursor is not hovering any more).</p>

<p>I only succeed in making all the images <code>fadeTo</code>, but when the mouse is out the images still faded (and all the images fade. I just one the image under the cursor to fade).</p>

<p>Any suggestions?  </p>

<p><strong>Code:</strong></p>

<pre><code>    /**
     * Opacity animation of blocks
     */
     $j('#content div a').hover(function() {
         $j('#content div a img').fadeTo('slow', 0.5, function() {
});
</code></pre>
