jQuery .done after AJAX callback
<p>I'm trying to run some stuff after an AJAX call is completed:</p>

<pre><code>$.ajax({
    url: url,
    success: //do stuff
}).done(function (){
    $('#listings').fadeIn(800).done(function(){
        $('#loading').fadeOut(800);
    });
});
</code></pre>

<p>This doesn't do the last part which is <code>$('#loading').fadeOut(800);</code>, which should start when <code>$('#listings').fadeIn(800)</code> is done.</p>
