Why does this attribute  not change?
<p>In the code below the last line is not setting the src attribute. Why?</p>

<pre><code>$("div.galerina").each(function(){
    var gal=$(this);
    var bullet=gal.children("img.galerina1");
    var width=12*(gal.children("img").size())+'px';
    gal.children("p").css({width:width})

    gal.children("img").each(function(){
    var img=$(this);
    gal.children("p").append("&lt;img class='bullet' src='images/bullet1.png'&gt;&lt;/img&gt;");
    $("img.bullet").last().click(function(){
        bullet.animate({opacity:0},300,function(){
            bullet.css({display:'none'});
            bullet=img;
            img.css({display:'block'});
            img.animate({opacity:1},300);
        });

    })
})
gal.children("img.bullet").first().attr("src","images/bullet2.png")
})
</code></pre>

<p><a href="http://lookaroundyou.net/galerina" rel="nofollow">LIVE VERSION HERE!!!</a></p>
