jQuery: is there a way to .LOAD() content that has script references in it?
<p>I have 2 files. One called foo1.php and the other called foo2.php.</p>

<p><strong>Contents of foo1.php:</strong></p>

<pre><code>&lt;script type="text/javascript" src="yoxview/yoxview-init.js"&gt;&lt;/script&gt;

&lt;div class="yoxview"&gt;
&lt;a href="files/Desert.jpg"&gt;&lt;img src="files/Desert.jpg" alt="First" title="First image" /&gt;&lt;/a&gt;
&lt;a href="files/Hydrangeas.jpg"&gt;&lt;img src="files/hydrangeas.jpg" alt="Second" title="Second image" /&gt;&lt;/a&gt;
&lt;a href="files/Jellyfish.jpg"&gt;&lt;img src="files/Jellyfish.jpg" alt="Third" title="Third image" /&gt;&lt;/a&gt;
&lt;/div&gt;
</code></pre>

<p><strong>Contents of foo2.php:</strong></p>

<pre><code>&lt;script type="text/javascript" src="scripts/jquery-1.4.4.min.js"&gt;&lt;/script&gt;

&lt;script&gt;

$(document).ready(function() {

    $('.bar').load('foo1.php');

});

&lt;/script&gt;

&lt;div class="bar"&gt;this text will be replaced&lt;/div&gt;
</code></pre>

<p>When I go to foo2.php I get a blank white page with a never ending loading favicon. I think this has something to do with loading the script:</p>

<pre><code>&lt;script type="text/javascript" src="yoxview/yoxview-init.js"&gt;&lt;/script&gt;
</code></pre>

<p>in foo1.php since the contents of that page are passed through the .load() function. When I remove that script reference foo1.php loads just fine. I don't think this problem is specific to that particular script. If I try to load any page with a script reference the same result occurs (the blank page/loading favicon).</p>

<p>Is there a way to load content from another page that has script references?</p>

<h2>EDIT</h2>

<p>Here's the link to the problem script:</p>

<p><a href="http://www.yoxigen.com/yoxview/yoxview/yoxview-init.js" rel="nofollow">http://www.yoxigen.com/yoxview/yoxview/yoxview-init.js</a></p>
