title: JQuery Load rendering content before callback function
body: <p>I have to following code in a script</p>
  
  <pre><code>$("#rectContent").animate({opacity:0},400, function(){
      $('#rectContent').load('homeContent.html', function(){
      $('#rectContent').animate({opacity:1},400);});
  });
  </code></pre>
  
  <p>It's supposed to load some content from <code>homeContent.html</code> (including an image) and render them when they are all loaded.</p>
  
  <p>It doesn't work as intended. The content (including image) starts rendering as the browser is downloading it. </p>
  
  <p>If the content is cached, for example, when the browser refreshes, it works correctly!</p>
  
  <p>I read somewhere that by design JQuery Load renders as it receives data, regardless of the callback function, but the JQuery documentation doesn't mention anything about this. </p>