title: append meta tag to the head of the main document from iframe
body: <p>So I've got an issue where i've made a document responsive but it's displayed in an iframe which where the parent document has the wrong meta tag. </p>
  
  <p>I set up a test to see if i could do it in an iframe. It's appending the meta tag to the head of the iframe not the main document. Anyone have any suggestions?</p>
  
  <p>index.html</p>
  
  <pre><code>&lt;html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"&gt;
  &lt;head&gt;
  &lt;title&gt;Iframe Test&lt;/title&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"&gt;
  
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;iframe id="testFrame" name="testFrame" src="iframe.html"&gt;&lt;/iframe&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>iframe.html</p>
  
  <pre><code>&lt;html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"&gt;
  &lt;head&gt;
  &lt;title&gt;Iframe&lt;/title&gt;
  
  &lt;script&gt;
  var viewPortTag=document.createElement('meta');
  viewPortTag.id="viewport";
  viewPortTag.name = "viewport";
  viewPortTag.content = "width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;";
  document.getElementsByTagName('head')[0].appendChild(viewPortTag);
  
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  Iframe Original Content
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>