title: How to insert metatag without using jquery append?
body: <p>I used the following jquery to insert a metatag into a html document. </p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  if(screen.width&gt;=320 &amp;&amp; screen.width&lt;=767){
  $('head').append('&lt;meta id="viewport" name="viewport" content="width=320; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"&gt;');}    
  &lt;/script&gt;
  </code></pre>
  
  <p><strong>If possible, I'd like to insert the metatag without using jquery. Anyone have any ideas how I can do that?</strong></p>
  
  <p>I believe I will probably need to use document.getElementByTagName but I'm not sure how.</p>
  
  <p>Just in case you are wondering, I am inserting the metatag into my html to to optomize the site for viewing with the iphone.
  Unfortunately, width=device-width is not an option as it doesn't play well with my ipad version.</p>