jquery animation repeat, what is wrong with my syntax?
<p>Can someone please evaluate my code and let me know if it is correct.</p>

<p>I am trying to run one animation after another, pause for 5000 milliseconds, reset all heights back to zero and repeat the animation again indefinitely.</p>

<pre><code>function animateThis(){
            $(".bars div:nth-child(1)").animate({'height':'49px'}, 2000, function() {
                $(".bars div:nth-child(2)").animate({'height':'112px'}, 2000, function() {
                    $(".bars div:nth-child(3)").animate({'height':'174px'}, 2000, function() {
                        $(".bars div:nth-child(4)").animate({'height':'236px'}, 2000, function() {
                            $(".bars div:nth-child(5)").animate({'height':'298px'}, 2000, function() {              
                                $('.bars div').delay(2000).css({"height" : "0"}), function() { animateThis()};
                            });
                        });
                    });                                                          
                });
            });
        }
    $(".bars").ready(function(){animateThis()});
</code></pre>

<p>The example can be seen at <a href="http://execusite.com/fazio/files/careers-banner/test.html" rel="nofollow">http://execusite.com/fazio/files/careers-banner/test.html</a></p>

<p>I have reformatted it from some answers I have received yesterday but it still doesn't work and I haven't received any feedback.</p>

<p>Thanks!</p>
