How do I execute functions one after the other?
<p>Maybe I'm using it wrong, but I want to chain 3 functions, with the second function starting when the first function completes and the third function starting when the second function completes. According to the <a href="http://api.jquery.com/jQuery.when/" rel="nofollow">docs</a> I should be able to do it like this:</p>

<pre><code>$.when( first() ).then( second() ).then(third() );
</code></pre>

<p>They all seem to be executing at the same time. What gives?</p>

<p><a href="http://jsfiddle.net/9XECY/2/" rel="nofollow">My fiddle</a></p>

<p>I've also tried:</p>

<pre><code>first().then( second() ).then(third() );
</code></pre>

<p>This will fade in the first div, but not the second and third;</p>
