jQuery animations - when is asynchronous and when it's not?
<p>I have two divs which I want to animate:</p>

<pre><code>&lt;div id="character"&gt;
&lt;div id="sprite"&gt;
&lt;/div&gt;
&lt;/div&gt;

$("#sprite").animate({"width" : "1", }, 400 );
$("#character").animate({"width" : "1", }, 400 );
$("#character").animate({"margin-left" : "0", }, 400 );
</code></pre>

<p>However it seems that the first two animations execute simultaneusly while the third only starts when the others have finished.</p>

<p>Why is asynchronous in the first two but not with the third? How can I make the three of them run at the same time?</p>
