title: jquery mobile hide fixed footer when keyboard
body: <p>On my iPhone, I want the footer to be hidden when a text field is pushed and the keyboard appears. Right now it's just positioning itself above the keyboard and too little of the website is shown.</p>
  
  <pre><code>&lt;div data-role="footer" data-id="foo1" data-position="fixed"&gt;
   &lt;div data-role="navbar"&gt;
    &lt;div data-role="controlgroup" data-type="vertical"&gt;
     &lt;ul&gt;&lt;li&gt;&lt;input data-iconpos="top" data-icon='plus' type="button" value="Tur" id='nyTur' /&gt;&lt;/li&gt;
         &lt;li&gt;&lt;input data-iconpos="top" data-icon='plus' type="button" value="48%" id='ny48' /&gt;&lt;/li&gt;
         &lt;li&gt;&lt;input data-iconpos="top" data-icon='plus' type="button" value="100%" id='ny100' /&gt;&lt;/li&gt;
     &lt;/ul&gt;
    &lt;/div&gt;
   &lt;/div&gt;&lt;!-- /navbar --&gt;
  &lt;/div&gt;&lt;!-- /footer --&gt;
  </code></pre>