title: JQuery Mobile 1.3.1 "$.mobile.loading" not working
body: <p>I have the following code:</p>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code>&lt;link rel="stylesheet" href="js/jquery.mobile-1.3.1.min.css"/&gt;
  &lt;script src="js/jquery-1.9.1.min.js"&gt;&lt;/script&gt;
  &lt;script src="js/jquery.mobile-1.3.1.min.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p><strong>JS:</strong></p>
  
  <pre><code>$(document).on({
    ajaxStart: function() { 
      $.mobile.loading('show');
      console.log('getJSON starts...');
    },
    ajaxStop: function() {
      $.mobile.loading('hide');
      console.log('getJSON ends...');
    }    
  });
  </code></pre>
  
  <p>I'm using Jquery Mobile 1.3.1 and testing this code in mozilla firefox and google chrome at the moment. I'm going to use it in a phonegap app later on.</p>
  
  <p>I'm loading a JSON and displaying it on screen in a listview. While it loads, I want the program to show a "loading spinner". Console log shows that ajaxStart is firing but there is no visual spinner anywhere on the screen.</p>
  
  <p>What am I doing wrong? Please Help!</p>
  
  <p>Thanks in advance.</p>