title: siblings() not working as expected
body: <p>I have a group of icons where when you hover over an icon, the other img's in the set fade out. I was able to do this using longer selectors, but <strong>I wanted to try using the siblings() selector</strong>, but I just can't get it to work. What am I missing here? Thanks</p>
  
  <pre><code>&lt;div id="picks" class="section"&gt;
      &lt;div class="pick left"&gt;
          &lt;img src="images/p_mary.jpg" /&gt;
          &lt;div class="icons"&gt;
              &lt;a href="#" &gt;&lt;img src="images/i_imdb.png" /&gt;&lt;/a&gt;
              &lt;a href="#" &gt;&lt;img src="images/i_imdb.png" /&gt;&lt;/a&gt;
              &lt;a href="#" &gt;&lt;img src="images/i_imdb.png" /&gt;&lt;/a&gt;
              &lt;a href="#" &gt;&lt;img src="images/i_imdb.png" /&gt;&lt;/a&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and then the javascript:</p>
  
  <pre><code>$("#picks").find("a &gt; img").hover(function () {
      $(this).siblings().stop().fadeTo(0, .3);
      $(this).stop().fadeTo(0,1);
  }, function () {
      $(this).siblings().stop().fadeTo(500, 1);
  });
  </code></pre>