javascript not displaying output when content loaded via jquery
<p>I have a login page that runs a script from a third-party site as so:</p>

<pre><code>&lt;span id="siteseal"&gt;
    &lt;script src="https://seal.starfieldtech.com/getSeal?sealID=myspecialid"&gt;&lt;/script&gt;
&lt;/span&gt;
</code></pre>

<p>Everything is hunky dory.  It performs some javascript and eventually displays an image.</p>

<p>I recently moved it to a separate file, and am including it in the original page using</p>

<pre><code>$('#mydivid').load('/mypath/footer.html');
</code></pre>

<p>The entire footer is displayed, and in chrome developer tools I can see that the request is made to starfieldtech and a javascript response is returned, but the image is never displayed.</p>

<p>The getSeal script is pretty simple, looking something like:</p>

<pre><code>&lt;!--
doSomething();

function doSomething() {
    // setup a bunch of vars
    document.write('&lt;img src="blah" onclick="doStuffOnClick();"/&gt;');
}

function doStuffOnClick() {
    // do other stuff on click.
}
// --&gt;
</code></pre>

<p>If I create my own script that looks very similar to the above then it replaces the whole page with the output of my script and also shows the intended starfield image.</p>

<p>I have no clue what the problem is and hope the gurus can point out something stupid I'm missing.</p>
