title: window load inside a document ready?
body: <p>Sorry if this has been answered before but all searches talk about the differences, not about using the two together, if possible.</p>
  
  <p>Simply, can <code>$(window).load.(function() {})</code> be used INSIDE of <code>$(document).ready.(function() {})</code> ?</p>
  
  <p>I have some things that should be done after the DOM is loaded but then I want to reveal certain elements only after the images have finished loading.  The only thing that works in Explorer 8, is putting the <code>$(window).load</code> functions inside of the <code>$(document).ready</code> with everything else.</p>
  
  <p>Is this an acceptable practice?</p>
  
  <p>I just want to use the most acceptable method to reveal a <code>DIV</code> that contains small images, like a toolbar, after it's fully constructed.  (<code>visibility</code> <code>hidden</code> versus <code>display</code> <code>none</code>, for example).  The HTML for this <code>DIV</code> is written by the code inside the <code>$(document).ready</code> and then appended to the body using <code>$('body').append()</code> before using the <code>$(window).load</code>.</p>
  
  <p>I'm having lots of problems with Explorer 8.</p>