title: Jquery-CSS bug fix
body: <p>I've got the following HTML structure:</p>
  
  <pre><code>&lt;ul&gt;
      &lt;li&gt;&lt;a href&gt;&lt;img src/&gt;&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href&gt;&lt;img src/&gt;&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href&gt;&lt;img src/&gt;&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>Because of fixing some CSS bug I need to know which of these image links is "mouseovered"
  Then in the Jquery script I need selector which is something like</p>
  
  <pre><code>$('a img').mouseover(function(){
  var imgElement = $(this);
  if ('a img[3]') { // if the hovered link is the third
  imgElement.animate({
                  width: "315px",
                  height: "225px",
                  marginLeft: "-150px"
              }, 1500 );
  </code></pre>
  
  <p>The question is how to get the second or third 'a img' in this case.</p>