title: Click event called twice on touchend in iPad
body: <p>I am using jquery animate for the slide. I have an arrow at the end of the slide and given the click event on that arrow. The working of it is to move one item inside the silde on click and move the entire silde on mousedown. This is working fine in desktop but in iPad two items are coming inside the slide at a time on click. I am not understanding why the click event is called twice in iPad. The sample code for the click is :</p>
  
  <pre><code>    $('#next_item').bind('mousedown touchstart MozTouchDown',function(e) {                    
          $('.slide').animate({left:left},6000);   
      });
  
      $('#next_item').bind('mouseup touchend MozTouchRelease',function(e) {   
          No.nextItem();          
      });
  </code></pre>
  
  <p><code>#next_item</code> is the id of the arrow at the end of the slide. I have tried to <code>unbind</code> <code>touchstart</code> and <code>touchend</code> event but during slide scroll due to unbind the item does not come inside the slide after single item. <code>No.nextItem()</code> moves one item inside the slide. <code>left</code> in <code>$('.slide')</code> is to move the slide left. Please help me find the solution why this is happening and how to solve this issue for ipad.</p>