Selecting the next sibling of $(this).parent()
<p>I have some HTML that looks like this:</p>

<pre><code>&lt;div&gt;
  &lt;div class="value"&gt;
    &lt;a href="#" class="clicker"&gt;Some Value&lt;/a&gt;
  &lt;/div&gt;
  &lt;div class="heading"&gt;
    Some Name&lt;img src="loading.gif" style="visibility:hidden"&gt;
  &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>This could repeat several times, depending on how many values and headings need to be listed. Using jQuery, I've attached a function to happen when the a.clicker is clicked. As a part of what happens, I'd like to call show() on the .heading img below it. However, I just can't get my head around how this is supposed to be selected.</p>

<pre><code>$('a.clicker').live("click", function() {

  // This next line, in my brain, works, but in reality it doesn't!
  $('.heading img', $(this).parent().parent()).show();

  // do some other AJAXy things
});
</code></pre>

<p>I've marked the line that I think should do it, but it's not showing the img at all. I've been poring over the documentation and soflow for a couple of hours without success.</p>

<p>Thanks for any assistance!</p>
