iFrame with Phonegap and JQuery Mobile escaping the APP to the browser

Question

<div data-role="content">    
    <iframe src="http://drumbeat.pro/" frameborder="0" width="99%" height="100%" align="middle"></iframe>
    <form id="loginForm">
    <div data-role="fieldcontain" class="ui-hide-label">
        <label for="username">Username:</label>
        <input type="text" name="username" id="username" value="" placeholder="Username" />
    </div>

    <div data-role="fieldcontain" class="ui-hide-label">
        <label for="password">Password:</label>
        <input type="password" name="password" id="password" value="" placeholder="Password" />
    </div>

    <input type="submit" value="Login" id="submitButton">
    </form>

</div>

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 ( http://denrobapps.com/2010/12/phonegap-and-iframes/ ) because the Phonegap prescreibed herewith is outdated