title: Mobile Safari preventDefault() not working? Android works fine
body: <p>What i'm trying to accomplish works perfectly on Chrome -- Android 4.1 
  But fails pretty hard on iOS. </p>
  
  <pre><code>$(document).on('mouseenter touchend','[id*=mmlink]', function (e) {
      var $btn = $(this);
      var href = $btn.attr('href');
      var count = ($btn.data('click_count') || 0) + 1;
  
      $btn.data('click_count', count);
      if (count == 1) {  
          $btn.click(function(v) { 
              v.preventDefault();
          });
       } else {
          document.location.href = href;
       }
   });
  </code></pre>
  
  <p>I use milonic menu to generate sub menus. I need to use <code>.on()</code> to select the submenus.</p>
  
  <p>test page: <a href="http://www.wolfbariatrics.com/mmtest/index.htm" rel="nofollow">http://www.wolfbariatrics.com/mmtest/index.htm</a></p>
  
  <p>I'm thinking there is another event that only happens in iOS. Remote Debugger for safari allows me to set breakpoints but as soon as I step in or over it follows the anchor tag. </p>
  
  <p>I've gone as far as removing all events from the anchor tag entirely and the href but still nothing works. </p>