title: iFrame with Phonegap and JQuery Mobile escaping the APP to the browser
body: <pre><code>&lt;div data-role="content"&gt;    
      &lt;iframe src="http://drumbeat.pro/" frameborder="0" width="99%" height="100%" align="middle"&gt;&lt;/iframe&gt;
      &lt;form id="loginForm"&gt;
      &lt;div data-role="fieldcontain" class="ui-hide-label"&gt;
          &lt;label for="username"&gt;Username:&lt;/label&gt;
          &lt;input type="text" name="username" id="username" value="" placeholder="Username" /&gt;
      &lt;/div&gt;
  
      &lt;div data-role="fieldcontain" class="ui-hide-label"&gt;
          &lt;label for="password"&gt;Password:&lt;/label&gt;
          &lt;input type="password" name="password" id="password" value="" placeholder="Password" /&gt;
      &lt;/div&gt;
  
      &lt;input type="submit" value="Login" id="submitButton"&gt;
      &lt;/form&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>I am trying to show iFrames in my phonegap app but every link I click goes to the browser, how do I avoid that? Please dont suggest this answer ( <a href="http://denrobapps.com/2010/12/phonegap-and-iframes/" rel="nofollow">http://denrobapps.com/2010/12/phonegap-and-iframes/</a> ) because the Phonegap prescreibed herewith is outdated</p>