title: change viewport meta tag with jquery
body: <p>I was wondering if it is possible to add a meta tag using jquery to an html page before the page loads.
  The reason why I ask, is because I have a page with no viewport meta tag on and it should have it only when the resolution drops below 700px - <code>&lt;meta name="viewport" content="width=device-width, initial-scale=1"/&gt;</code></p>
  
  <p>The reason being, I have html markup for mobile site (using media queries) &amp; also html markup for desktop version ( I don't have one for tablets). I want to make sure html markup designed for desktop is rendered properly on tablet on page load and also when we change the device orientation.</p>
  
  <p>Thanks in advance!</p>