title: jQuery select child with class only not all
body: <p>I want to show some images when i hover on others. So far i have tried this:</p>
  
  <pre><code>$('.image').hover(function() {
      $('.icon').stop().animate({"opacity": 1}); 
  },function() { 
      $('.icon').stop().animate({"opacity": 0}); 
  });
  </code></pre>
  
  <p>But i dont want to show all images when i hover on one image.</p>
  
  <p>I have this <a href="http://jsfiddle.net/PNRwk/" rel="nofollow">demo</a></p>
  
  <p>Now i want when i hover to an image with class <code>.image</code>, to change <code>opacity</code> only in the image with class <code>.icon</code> that is clild of the one i hover, not all.</p>
  
  <p>I hover the first image only up image changes <code>opacity</code>, not both. I hover the second image, only down image change <code>opacity</code></p>
  
  <p>Any ideas?</p>
  
  <p><strong>EDIT:</strong></p>
  
  <p>I forgot to mention that i want the image that is showing up to stay when i hover over it. Actually the two images are one inside each other. See updated <a href="http://jsfiddle.net/PNRwk/8/" rel="nofollow">fiddle</a></p>