title: "on" preventDefault
body: <p>What am I missing here? </p>
  
  <p>Please note: jQuery MOBILE is used</p>
  
  <ul>
  <li><p><a href="http://plungjan.name/test/jqmob_def.html" rel="noreferrer">DEMO using preventDefault</a></p></li>
  <li><p><a href="http://plungjan.name/test/jqmob_false.html" rel="noreferrer">DEMO using return false</a></p></li>
  </ul>
  
  <p>If I use preventDefault the page loads as if I had just links and no script, when I change to return false (which I always used to use on the plain JS onclick event handler), it works as expected. 
  I have already looked through other posts and all use .click and all suggest preventDefault.</p>
  
  <pre><code>$(document).ready(function() {
    $("#leftdiv a").on("click",function(e) {
      $("#rightDiv").load(this.href);
      return false; // I was sure preventDefault would work
    });
  });
  </code></pre>
  
  <p>HTML</p>
  
  <pre><code>&lt;div id="leftdiv" style="position:absolute;padding-right:5%; overflow:scroll;"&gt;
  &lt;a href="page1.htm"&gt;Launch page 1&lt;/a&gt;&lt;br /&gt;
  &lt;a href="page2.htm"&gt;Launch page 2&lt;/a&gt;
  &lt;/div&gt;
  
  &lt;div id="rightDiv" style="padding-left:30%"&gt;&lt;/div&gt;
  </code></pre>