I can't find the child node alt attribute and I know I have the right parent. What am I doing wrong?

Bar1 is good but I just can't find bar2.

```css
<ul class="small-image">
  <li><a id="foo1"><img src="../images/imageSlide/s2.jpg" alt="pic1"></a></li>
  <li><a id="foo2"><img src="../images/imageSlide/s2.jpg" alt="pic2"></a></li>
<ul>

```

```js
$('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);

});

```