How to prevent zoom in inside a popups on Jquery mobile?

When I double click on site page it's not doing the zooming but when i am opening the popup and double click it then it doing a zoom

i am using jqm 1.4.2

i have this meta on the head :

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>

this the link that open the popup :

<a id="lnk_popup" href="#popup" style="text-decoration: none; width: 0px; height: 0px;" data-rel="dialog" data-transition="pop">open</a>

this is the popup:

<div id="popup" data-role="page" style="text-align:center;">
    <div id="popup_hdr" data-role="header" >
        <h4 >HELP</h4>
    </div>
    <!-- /header -->
    <br />
    <div role="main" class="ui-content" >
        <p id="popup_text">
                           text

        </p>
        <p><a id="back" href="#Definitions" data-rel="back" class="ui-btn ui-shadow ui-corner-all ui-btn-inline ui-icon-back ui-btn-icon-left">Back</a></p>
    </div>
    <!-- /content -->
    <div class="scroll_top_cont">
        <i  class="icon-angle-up scroll_top" onclick="$('html, body').animate({ scrollTop: 0 }, 1500);"></i><br />
        <label>Top</label>
    </div>
    <div data-role="footer">
        <h4 id="popup_fotter">Page Footer</h4>
    </div>
    <!-- /footer -->
</div>