title: jquery .get download content fully before rendering
body: <p>Is there a way to render content <em>only</em> after it's fully downloaded using AJAX/get/load with jQuery?</p>
  
  <p>As it stands currently, the loader shows while the 'html' is being downloaded, but once that's done it starts rendering. There's lots of images in the html so they start loading independently after the render. </p>
  
  <p>Is this good design practice? In my opinion once the loader disappears, everything should render 100%, but of course this will increase load time. </p>
  
  <p>Can I achieve this without any 'hacks'?</p>
  
  <pre><code>$(document).ready(function() {
  
      $('#clicks').click(function(){
  
          $('#portfolio').append("&lt;div id='loader'&gt;&lt;img src='images/loader.gif'/&gt;&lt;/div&gt;");
  
          $.get("moreProjects.html", function(datas){
              $('#portfolio').append(datas);
          }, 'html').complete(function() { 
              $('#loader').hide();
          });
  
          return false;
  
      });
  
  });
  </code></pre>