title: Create iframes from original page content with jQuery
body: <p>I am trying to dynamically "rewrite" an entire page to a set of iframes. I want a music player bar at the bottom iframe and the original page "rewritten" in an iframe above/behind that. Almost just like <a href="http://scmplayer.net/" rel="nofollow">SMC player</a>. I feel like I'm close but I am a jQuery novice.. So any pointers will be greatly appreciated beforehand.</p>
  
  <p>Here's the main part that creates the iframes that's not working correctly.</p>
  
  <pre><code>var oldpage =  "&lt;html&gt;" + $("html").html() + "&lt;/html&gt;";
  $('body').html( "&lt;iframe frameborder='0' id='content' allowtransparency='true' name='content'&gt;&lt;/iframe&gt;" );
  $('#content').contents().find('html').html(oldpage);
  $('body').append("&lt;iframe id='stratus' allowtransparency='true' frameborder='0' scrolling='0'&gt;");
  </code></pre>
  
  <p>I'm trying to load the entire original html on line 1. Then creating iframes and trying to inject the oldbody variable into the new iframe #content. The iframes are created but the #content iframe has a blank body.</p>