title: How can I check if an ajax .load call has loaded
body: <p>Consider the following code:</p>
  
  <pre><code>var loadingHTML = $("&lt;div style='width:100%;'&gt; &lt;h1&gt;Loading...&lt;/h1&gt;&lt;/div&gt;");
  loadingHTML.hide();
  $(".row").append(loadingHTML);
  loadingHTML.fadeIn('slow');
  $(".row").append($("&lt;div&gt;").load("get-more-images.php?start=36&amp;end=36"));
  //  loadingHTML.hide();
  </code></pre>
  
  <p>I have a page of images, and will fire this when the user scrolls down the page to load more images as they scroll down. The hope is to display "Loading.." until the image have appeared, then hide it again, running the above code will show then hide the text so fast you cannot see it, is there a way to check wether the .load event has finished?</p>