title: Disable zoom on input focus in Android webpage
body: <p>Here's the dilema, I have a webpage (only for android devices) and in that page I have an input box (a text box specifically) and when it gets focus the browser zooms in. I don't want it to zoom in - sounds easy, right?</p>
  
  <p>Here's where it gets fun: I have to be able to zoom in general so don't say </p>
  
  <pre><code>&lt;meta name='viewport' content='user-scalable=0'&gt;
  </code></pre>
  
  <p>That won't work for me.</p>
  
  <p>Also, the input box doesn't receive click events. It appears when another button is clicked a gets focus programmatically.</p>
  
  <p>Here's what I've tried and they've failed so far:</p>
  
  <pre><code>jQuery('head meta[name=viewport]').remove();
  jQuery('head').prepend('&lt;meta name="viewport" content="width=720px;intial-scale=1.0;maximum-scale=1.0;user-scalable=no" /&gt;');
  jQuery("#locationLock input").focus();
  jQuery('head meta[name=viewport]').remove();
  jQuery('head').prepend('&lt;meta name="viewport" content="width=720px;intial-scale=1.0;maximum-scale=1.0;user-scalable=yes" /&gt;');
  </code></pre>
  
  <p>This also failed:</p>
  
  <pre><code>&lt;input type='text' onfocus="return false"&gt;
  </code></pre>
  
  <p>And this:</p>
  
  <pre><code>jQuery("#locationLock input").focus(function(e){e.preventDefault();});
  </code></pre>
  
  <p>Any ideas?</p>