title: Hammer.js : How to handle / set tap and doubletap on same elements
body: <p>I'm using jquery.hammer.js, it works quite well and I am able to bind function to a doubletap event.  That is working fine.</p>
  
  <p>What I want is to bind two different behaviors.  One for the "tap", one for the "doubletap".  I use the code below to bind my functions.  When I do that, I only get the "tap", the "doubletap" doesn't seem to be triggered.   </p>
  
  <pre><code>$("#W0AM").hammer();
  $("#W0AM").on('doubletap', function (event) {
      alert( 'this was a double tap' );
  }).on('tap', function (event) {
      alert( 'this was a single tap' );
  });
  </code></pre>
  
  <p>If I remove the .on('tap'... ) binding, then I get the "doubletap" as expected.    </p>
  
  <pre><code>$("#W0AM").hammer();
  $("#W0AM").on('doubletap', function (event) {
      alert( 'this was a double tap' );
  });
  </code></pre>
  
  <p>If I do the following, both events get triggered all the time. I mean, I tap and I see the alert for the tap and the double tap.  I doubletap, same thing, I see both alerts.  </p>
  
  <pre><code>$("#W0AM").hammer();
  $("#W0AM").on('tap doubletap', function (event) {
      alert( 'this was a ' + event.type );
  });
  </code></pre>
  
  <p>The question is how can I bind both behavior and distinguish between the two in order to perform different things</p>
  
  <p>Thank you.</p>