How to get the other image using jQuery
<p>My DOM looks like this:</p>

<pre><code>&lt;div class="stuff"&gt;
  &lt;a href="#"&gt;&lt;img src=""&gt;&lt;/a&gt; &lt;b&gt;hello&lt;/b&gt;
  &lt;a href="#"&gt;&lt;img src=""&gt;&lt;/a&gt;
&lt;/div&gt;
</code></pre>

<p>Sometimes I have a reference on the first image, and sometimes on the second image.</p>

<ol>
<li>When I have the first image using $() how do I select the second image?</li>
<li>When I have the second image using $() how to I select the 1st image?</li>
</ol>
