title: How to load page html and content (such as images) in jQuery?
body: <p>In jQuery, I know I can use the $.ajax function to load a page's html from a given URL.
  However, I'm interested in loading the htmla nd all <em>resources</em> on that page before displaying it. How would I go about doing that?</p>
  
  <p>Example:
  Say I have the following html in a file called about.html</p>
  
  <pre><code>&lt;h1&gt;About BigImage&lt;/h1&gt;
  &lt;img src="/images/reallybigimage.jpg" /&gt;
  </code></pre>
  
  <p>Notice that I have an image in this page. Using jQuery's ajax function, I would get a "success" as soon as the HTML finished loading, but not the image.</p>
  
  <p>Here's the kicker, though: I don't know how many/which images I'll have in the page, and it's not just images I want to be loading -- it's all the page's resources -- css and all.
  Any way to do this?</p>
  
  <p>Thanks!</p>