title: How do you change zoom level dynamically with Javascript?
body: <p>I'm trying to figure out how to reset the zoom level in a webpage for ios. It seems that when the user does a pinch zoom in/out the zoom feature no longer works. I want pinch gestures, but want to programatically reset the zoom. Anyone have ideas on changing zoom dynamically with Javascript/jQuery?</p>
  
  <pre>
  <code>
  &lt;meta id="viewportMeta" name="viewport" content="user-scalable=1, initial-scale=0.5, maximum-scale=0.5, minimum-scale=0.5" /&gt;
  </code>
  
  $(document).ready(function () {
        $("#zoomOut").click(function(){
              $('meta[name=viewport]').attr('content', 'initial-scale=0.5; maximum-scale1; user-scalable=1;');
          });
  
        $("#zoomIn").click(function(){
               $('meta[name=viewport]').attr('content', 'initial-scale=1; maximum-scale=1.0; user-scalable=1;');
          });
  });
  </pre>