title: Page elements are still loading after window.on('load', function() {}) is finished?
body: <p>I want to hide a spinner div once ALL elements are loaded and in position on my page. I put a fadeOut() function on my spinner div in the window.on('load', ..., but I can see the tab/page is still loading even though the elements/assets are not in the correct css position yet. How do I force the spinner div to remain until everything is in place, i.e. until the loading icon on the tab is finished spinning?</p>
  
  <p>This is my code:</p>
  
  <pre><code>$(window).load(function() {
   $('#spinner').fadeOut();
  }
  
  jQuery(document).ready(function($){
   // Append the spinner div.
   $("#spinner").append(spinner.el);
  }
  </code></pre>