title: How do I replace the entire HTML node using jQuery
body: <p>I have a string which looks like:</p>
  
  <pre><code>&lt;html&gt;&lt;head&gt;&lt;title&gt;example&lt;/title&gt;&lt;/head&gt;&lt;body&gt;some example text&lt;/body&gt;&lt;/html&gt;
  </code></pre>
  
  <p>I get this string returned as a result to an AJAX request.</p>
  
  <p>I would like the browser to render and display that string.  The idea would be to do something like: </p>
  
  <pre><code>$('html').parent().html(myString);
  </code></pre>
  
  <p>Well, that doesn't work.  I've attempted to use an IFRAME but I haven't figured out how to get that to work either.</p>
  
  <p><strong>Note:</strong> It is impossible for me to change this string.  It is also impossible for me to regenerate this string in a subsequent call to the server (otherwise I could just redirect the browser to that url).</p>