No double tap

HTML

<div class="content">    
    <div id="status_page" data-role="page">
        <div data-role="header" data-theme="a">
             <h1>Double Tap Test</h1>
        </div>
        <div data-role="content">
            <div id="val">1</div>
            <div id="but" data-role="button">Click</div>
        </div>
    </div>
</div>

JavaScript

(function($) {
var count = 0;
$.fn.nodoubletapzoom = function() {
    $(this).bind('touchstart', function preventZoom(e){
        var t2 = e.timeStamp;
        var t1 = $(this).data('lastTouch') || t2;
        var dt = t2 - t1;
        var fingers = e.originalEvent.touches.length;
        $(this).data('lastTouch', t2);
        if (!dt || dt > 500 || fingers > 1){
            return; // not double-tap
        }
        e.preventDefault(); // double tap - prevent the zoom
        // also synthesize click events we just swallowed up
        $(e.target).trigger('click');
    });
};
})(jQuery);

$(document).on('pageinit',"#status_page", function(){
            $("body").nodoubletapzoom();
            $(".content").on("click", "#but", function() {
                var curr_val = parseInt($("#val").text());
                $("#val").text(curr_val + 1);
            });
});