title: Use doubletap to replace dblclick in jquery mobile but not working in IPAD
body: <p>jquery mobile provide a option of doubletap , however, when I use Ipad to test, it only do the default behavior which is zooming the page, is there any way to fix it? Thanks</p>
  
  <pre><code>  $("#book div img").live('doubletap', function() {
              $("#book").turn("disable", true); 
              var path = this.src;
              path = path.replace("medium", "original");
              var imgPath = path.replace("medium", "image");
              path = path.replace("jpg", "png");
              var textPath = path.replace("medium", "text");
              //$("body").prepend("&lt;div id = 'view'&gt;&lt;div id = 'popup'&gt;&lt;img id = 'largeText' src = '' /&gt;&lt;img id = 'largeImg' src = '' /&gt;&lt;/div&gt;&lt;/div&gt;&lt;img id = 'close' src = 'img/close.png' /&gt;&lt;div id='slider' style='display:none;position:fixed;z-index:105;height:25%;right: 2%;top:25%;'&gt;&lt;/div&gt;"); 
              $("body").prepend("&lt;div id = 'view'&gt;&lt;div id = 'popup'&gt;&lt;img id = 'largeText' src = '' /&gt;&lt;img id = 'largeImg' src = '' /&gt;&lt;/div&gt;&lt;/div&gt;&lt;img id = 'close' src = 'img/close.png' /&gt;&lt;img id = '1x' src ='img/1x.png' class = 'icon' style='top:280px;'&gt;&lt;img id = '2x' src ='img/2x.png' class = 'icon' style='top:340px;'&gt;&lt;img id = '4x' src ='img/4x.png' class = 'icon' style='top:400px;'&gt;&lt;/div&gt;"); 
              //$(".nav_arrow").css("visibility","hidden");
              $("footer").css("visibility","hidden");
  
              $("#largeText").attr("src",textPath);
              $("#largeImg").attr("src",imgPath);
  
              $("#view").css("height",$(window).height());
              $("#view").css("width",$(window).width());
  
              $("#popup").css("height",$("#largeImg").height());
              $("#popup").css("width",$("#largeImg").width());
  
              element = $('#view').viewport();
              content = element.viewport('content');
              content.draggable({
                  containment: 'parent'
              });
              content.scraggable({
                  containment: 'parent',
                  sensitivity:'40'
              });
  
              $( "#view" ).show();
              $( "#popup" ).show();
              $( "#close" ).delay(500).show(0);
              $( ".icon" ).delay(500).show(0);
              $( ".icon" ).fadeTo("slow", 0.43); 
          }); 
  </code></pre>