title: Why tap event is suppressed by touchstart event?
body: <p>I have this code: </p>
  
  <pre><code>$('.selector').on({
          touchstart: function (e) {
            e.preventDefault();
            alert(3);
            e.stopPropagation();
          },
          tap: function (e) {
            e.preventDefault();
            alert(4);
            e.stopPropagation();
          }
        });
  </code></pre>
  
  <p>Only touchstart is triggered. Can anybody explain why?</p>
  
  <p>P.S. : This is how I include the script for jQuery mobile :
   <code>&lt;script src="http://code.jquery.com/mobile/1.4.4/jquery.mobile-1.4.4.min.js"&gt;&lt;/script&gt;</code></p>
  
  <p>EDIT:
  I want to introduce a hover functionality on one of my div and I thought that with tap event it will be like clicking and with touchstart like hover.</p>
  
  <pre><code>$('.selector').on('tap swipe', function (e) {
          e.preventDefault();
          if(e.type == 'swipe') {
            alert(1);
          }
          if(e.type == 'tap') {
            alert(2);
          }
          e.stopPropagation();
        });
  
        $('.selector .sel1').on('tap swipe', function (e) {
          e.preventDefault();
          if(e.type == 'swipe') {
            alert(3);
          }
          if(e.type == 'tap') {
            alert(4);
          }
          e.stopPropagation();
        });
  </code></pre>
  
  <p>With this code the swipe event on my div works fine, but for inside element I can't reproduce the swipe event, only tap gets triggered. I really can't figure out why.</p>