cant find image child node jquery
<p>I cant find the child node alt attribute and i know i have the right parent. What am i doing wrong?</p>

<p>Bar1 is good but i just cant find bar2.</p>

<pre class="lang-css prettyprint-override"><code>&lt;ul class="small-image"&gt;
  &lt;li&gt;&lt;a id="foo1"&gt;&lt;img src="../images/imageSlide/s2.jpg" alt="pic1"&gt;&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a id="foo2"&gt;&lt;img src="../images/imageSlide/s2.jpg" alt="pic2"&gt;&lt;/a&gt;&lt;/li&gt;
&lt;ul&gt;
</code></pre>

<pre class="lang-js prettyprint-override"><code>$('ul.small-image li a').bind('click',function(){
    var elm = '#'+$(this+'div:first-child').attr('alt');
    //var elm = '#'+$(this+'img').attr('alt');
    console.log("Bar1: "+$(this).attr('id')) ;
    console.log("Bar2: "+elm);

});
</code></pre>
