jQuery animate not working on $(this)
<p>I am trying to animate a bunch of <code>&lt;div&gt;</code>'s with <code>.animate</code> with this function: </p>

<pre><code>slideOut: function(container){
    var count = container.siblings().size() - 1;
    container.siblings().each(function(index, item){
        $(item).delay( index * 50 ).animate({ "left" : "-1000px" }, "fast", function(){
            if (index == count){
                container.delay(container.parent().parent().children().size() &gt; 10 ? 10 * 50 + 300 : container.parent().parent().children().size() * 50 + 300  ).animate({ "left":"-1000px" }, "fast", function(){
                    container.parent().parent().clone(true, true).appendTo(metro.tiles);
                    metro.overlay(container.parent().parent().parent());
                }); 
            }       
        });
    });

},
</code></pre>

<p>and I am using the following function to bring them back in to the DOM: </p>

<pre><code>slideInTiles: function(){
    $("#contentWrapper").empty();
    $("#contentWrapper").append(metro.tiles.children());

    $("#contentWrapper li").animate({"left": "0px"}, "fast");
    $("#contentWrapper li.activeTile").css({"left": "0px"}, "fast");
},
</code></pre>

<p>The problem, however, is that the <code>&lt;li&gt;</code> I click on does not get animated back in to the mix. I have to use <code>.css</code> to bring it back. Where is the bug in the code that is causing this problem? Also, since I am bringing the active <code>li</code> back by using <code>.css</code> it no longer animates out of the view either. I am pretty sure this has got to do with the <code>.clone</code> method. But how, I can't figure. </p>
