When image is clicked, toggle all inner images
<p>My html looks like:</p>

<pre><code>&lt;a href="..." id="a1"&gt;
    &lt;img src="..." style="display: block;"&gt;
    &lt;img src="..." style="display: none;"&gt;
&lt;/a&gt;
</code></pre>

<p>Now when a1 is clicked, I want to toggle all of the images.</p>

<p>I tried:</p>

<pre><code>$("#a1").click(function() {
  $(this).find("img").each( function() {
    $(this).toggle();
  });
});
</code></pre>

<p>but it didn't work.  Does find only get the 1st found element?</p>

<p>Why?</p>
