How to make jQuery functions sequential
<p>I have the following code:</p>

<pre><code>$(document).ready(function() {
  loadStuff(someURL, someID);
  showStuff('foo');
});
</code></pre>

<p>showStuff() relies on content generated by loadStuff() but it seems as if showStuff() is jumping the gun before said content is available.  How can I force them to run sequentially?</p>

<p>Update: Yes, there are ajax calls in loadStuff but unfortunately they're jsonp so can't be called synchronously.</p>
