How to select second image of every div?
<p>I am trying to get the second image inside the div. My structure is like</p>

<pre><code>&lt;div class='test'&gt;

   &lt;a href='#'&gt;   &lt;img src='haha.jpg'/&gt;   &lt;/a&gt;
   &lt;a href='#'&gt;   &lt;img src='imageINeed.jpg'/&gt;  &lt;/a&gt;

&lt;/div&gt;

&lt;div class='test'&gt;

   &lt;a href='#'&gt;   &lt;img src='haha.jpg'/&gt;   &lt;/a&gt;
   &lt;a href='#'&gt;   &lt;img src='imageINeed1.jpg'/&gt;  &lt;/a&gt;

&lt;/div&gt;

&lt;div class='test'&gt;

   &lt;a href='#'&gt;   &lt;img src='haha.jpg'/&gt;   &lt;/a&gt;
   &lt;a href='#'&gt;   &lt;img src='imageINeed2.jpg'/&gt;  &lt;/a&gt;

&lt;/div&gt;
</code></pre>

<p>My jquery below won't work</p>

<pre><code>  $('.test').find('img:last').each(function(){

         $(this).css('max-width','none').width(500);
   })
</code></pre>

<p>I want to select the second image inside every <code>test</code> div. Can anyone help me about it? Thanks!</p>
