title: event.preventDefault() not canceling link direction in jQuery Mobile
body: <p><strong>Background</strong><br>
  I've been struggling with this stupid little problem of trying to cancel link direction when click event is fired on an anchor element in jQuery Mobile app.</p>
  
  <p>Let's say I have a simple multi-page document like this:</p>
  
  <pre><code>&lt;div data-role="page" id="page-1"&gt;          
      &lt;div data-role="content"&gt;
          &lt;a href="#page-2" id="mLink"&gt;page 2&lt;/a&gt;
      &lt;/div&gt;&lt;!-- /content --&gt;
  &lt;/div&gt;&lt;!-- /page --&gt;
  
  &lt;div data-role="page" id="page-2"&gt;
      &lt;div data-role="content"&gt;
      &lt;/div&gt;&lt;!-- /content --&gt;
  &lt;/div&gt;&lt;!-- /page --&gt;
  </code></pre>
  
  <p>... and JavaScript like this:</p>
  
  <pre><code>(function (MyApp, $, undefined) {
      'use strict';
  
      // Initializes app
      function init() {       
          $('#mLink').on('click', function (event) {
              event.preventDefault();
              //event.stopPropagation();
              //event.stopImmediatePropagation();
  
          });
      }
  
      // jQuery Mobile is ready now -&gt; override defaults
      $(document).on("mobileinit", function () {
          // Set the default page transition
          $.mobile.defaultPageTransition  = 'slide';
      });
  
      // jQuery Mobile is ready now 
      $(document).ready(init);
  
  }(window.MyApp = window.MyApp || {}, jQuery));
  </code></pre>
  
  <p><strong>Problem</strong><br>
  I just can't figure out why <code>event.preventDefault()</code> isn't canceling the page transition. However, if I add <code>event.stopPropagation()</code> it will cancel it. Also if I remove the jQuery Mobile library from the app, it works without <code>event.stopPropagation()</code>.</p>
  
  <p><strong>Question</strong><br>
  Is this normal behavior and is it ok to always call them both in the handler to cancel the link direction?</p>
  
  <p><strong>Notes</strong><br>
  I'm using jQuery Mobile only for it's multipage template, navigation and transition capabilities.</p>
  
  <p><strong>Additional question</strong><br>
  The question lurking behind my original question kind of was <em>'what jQuery Mobile does to a link that intercepts event.preventDefault() method to <strong>not</strong> prevent the link's default action, i.e. going to the target page.?'</em></p>