title: How can I get jQuery load() to complete before fadeOut/fadeIn?
body: <p>I want to do an AJAX call via jQuery load() and only once it returns, then fadeOut the old content and fadeIn the new content. I want to old content to remain showing until the new content is retrieved, at which point the fade Out/In is triggered.</p>
  
  <p>Using:</p>
  
  <pre><code>$('#data').fadeOut('slow').load('/url/').fadeIn('slow');
  </code></pre>
  
  <p>the content fades in and out and a few moments the later the load() call returns, and the data updates, but the fade has already completed.</p>