How to append the HTML results of a URL call to the DOM?
<p>I have a URL that resides on another domain, like this:</p>

<pre><code>http://ads.adserver.com/ad?site=1233&amp;zone=45435
</code></pre>

<p>When you type this URL in the browser, the result is HTML like this:</p>

<pre><code>&lt;a href="http://www.google.com" target=""&gt;&lt;img src="htt://ads.adserver.com/i/image.gif" border="0"/&gt;&lt;/a&gt;&lt;br/&gt;&lt;a href="http://ads.adserver.com/redir/12313" target=""&gt;Test&lt;/a&gt;
</code></pre>

<p>The above renders as an image wrapped in a link with a second link below it.</p>

<p>I tried to capture this URL in a script tag and append it to the DOM, but it does not render the HTML above.</p>

<pre><code>var ad_script = document.createElement('script');

ad_script.type = 'text/javascript';
ad_script.src = 'http://ads.adserver.com/ad?site=1233&amp;zone=45435';

li.appendChild(ad_script);
</code></pre>

<p>Are there any other ways of invoking this URL and putting the result on the page?  I can't use $.getScript() since I'm not invoking this in the global context.  I need this HTML to appear exactly where I want it to appear.</p>

<p>EDIT: The only reason I am trying this route is that the third-party does not provide a JSON-P interface.</p>

<p>EDIT2: Unfortunately, I am not on an application server.</p>

<p>EDIT3: This is for iPhone.</p>
