jquery child element problem
<p>I have a list, with each list element having a textarea and an img.  When I hover over one of the list's textareas, I want the respective img to change src.  </p>

<p>The problem is that when I hover over a textarea on one of the lists, all the imgs on the list change, not just the one on that list item.</p>

<pre><code>$('.rightMainP').hover(function() {
    $('#rightMain').find('img:first-child').attr('src', '../Images/whiteSidewaysNub.png');
}, function() {
    $('#rightMain').find('img:first-child').attr('src', '../Images/graySidewaysNub.png');
});
</code></pre>

<p>In my code, there are multiple imgs in each list item, and my jquery can not specify to only change the one in the list item that has the textarea that is being hovered over.</p>
