jquery to change image src of current row only
<p>I have a table with multiple rows that all have the same class. When an image is clicked, there's a db call then returning json. I have everything working correctly but when I click the image, ALL in the table change. I would only like the current row image to be affected.</p>

<p>Example Table:</p>

<pre><code>&lt;tr class="changerow"&gt; 
&lt;td&gt;&lt;a href="" class="hide"&gt;&lt;img src="image.png" class="someimage" /&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;&lt;a href="" class="hide"&gt;&lt;img src="image.png" class="someimage" /&gt;&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;&lt;a href="" class="hide"&gt;&lt;img src="image.png" class="someimage"  /&gt;&lt;/a&gt;&lt;/td&gt;
&lt;/tr&gt;
</code></pre>

<p>Jquery:</p>

<pre><code>$('.hide').live('click',function(){
var row=$(this);
$('.someimage').attr("src","newimage.png");
});
</code></pre>

<p>So, I know I need to somehow identify the current row and create the variable "row". Not exactly sure how to do this. Was thinking using row.parents('.changerow') or something like that. Help please :) Thanks!</p>
