Is it possible to use jQuery to grab the HTML of another web page into a div?
<p>I am trying to integrate with the FireShot API to given a URL, grab HTML of another web page into a div then take a screenshot of it. </p>

<p>Some things I will need to do after getting the HTML </p>

<ul>
<li>grab <code>&lt;link&gt;</code> &amp; <code>&lt;script&gt;</code> from <code>&lt;head&gt;</code> </li>
<li>grab <code>&lt;body&gt;</code> into <code>&lt;div&gt;</code> </li>
</ul>

<p>But 1st, it seems when I try to do a </p>

<pre><code>$.get("http://google.com", function(data) { ... });
</code></pre>

<p>I get a 200 in firebug colored red. I think it has to do with sites not allowing you to grab their page with JS? Then is opening a window the best I can do? But how might I control the other page with jQuery or call fsapi on that page?</p>

<p><strong>UPDATE</strong></p>

<p>I tried to do something like below to do something when the new window is ready, but FireBug says "Permission denied to access property 'document'"</p>

<pre><code>w = window.open($url.val());
setTimeout(function() { // if I dont do this, I always get about:blank, is there a better way around this?
    $(w.document).ready(function() {
        console.log(w.document.body);
    });
}, 1000);
</code></pre>
