title: Get nth-child and act on it :jQuery
body: <p>The code below only acts upon the last child and it triggers the function for all the other child elements.</p>
  
  <pre><code>$('.streetdog').hide();
  $('.cat').mouseenter(function(){
      var $catVal = $(".cat").index(this);
      $('.streetdog:nth-child('+$catVal+')').show();
  });
  </code></pre>
  
  <p>You can see the demo at <a href="http://jsfiddle.net/tunetosuraj/rkM8N/" rel="nofollow">jsfiddle</a>.
  Basically I'm trying to trigger the child element of the specific loop and hover of <code>.cat</code></p>