title: Fade (reduce opacity) image with jQuery only while mouse over
body: <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>