jquery script refuse to execute again after making one round
<p>I have set of few thumbnails, each time user click on thumbnail I show big picture on the middle, and animate/hide thumbnail, delete if from the top and insert it on the end of thumbnail set. But after making full round - clicking on the first picture again - script doesn't execute anymore. The script:</p>

<pre><code>$(".loadMainPhoto").click(function (event) {
   event.preventDefault();      
   var $this=$(this).children(":first");
   var html="&lt;div class='filmStripOuter'id='div_"+$this.attr('id')+"'&gt;"+$("#div_"+$this.attr('id')).html()+"&lt;/div&gt;";    
   var parent=$("#div_"+$this.attr('id')).parent();

   $("#div_"+$this.attr('id')).animate({
      opacity: 0.25,
      height: 'toggle'
   }, 500, function() {
      $("#div_"+$this.attr('id')).remove();
      parent.append(html);
   });
</code></pre>

<p>I'm not sure if my explanation is enough, I'll provide  other info as needed. Any help appreciated.
<br/><br/>
[edit]<br/>
Thanks to Stefan and Mark it is fixed right now, the problem was that I try to match element that was added after page was loaded, and bind does't work then. The solution is to use the same element (not new one) or to use live() <a href="http://api.jquery.com/live/" rel="nofollow">http://api.jquery.com/live/</a> you can see how it works on my playground ;) <a href="http://papiez.me" rel="nofollow">http://papiez.me</a></p>
