title: Uncaught TypeError when trying to call 'loading' with jQuery Mobile
body: <p>I've spent 5 hours just trying to make the loading message show up using jQuery Mobile. Instead, I'm getting:</p>
  
  <blockquote>
    <p>Uncaught TypeError: Object #&lt;Object&gt; has no method 'loading'</p>
  </blockquote>
  
  <p>Here is my code:</p>
  
  <pre><code>&lt;script src="http://code.jquery.com/jquery-1.7.1.min.js"&gt;&lt;/script&gt;
  &lt;script src="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.js"&gt;&lt;/script&gt;
  
  &lt;script type="text/javascript"&gt;
      $.mobile.loading("show");
  &lt;/script&gt;
  </code></pre>
  
  <p>Here is the current code:</p>
  
  <pre><code>    &lt;head&gt; 
      &lt;title&gt;My Page&lt;/title&gt; 
      &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt; 
      &lt;link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.css" /&gt;
      &lt;script src="http://code.jquery.com/jquery-1.7.1.min.js"&gt;&lt;/script&gt;
  
      &lt;script src="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.js"&gt;&lt;/script&gt;
  
      &lt;script type="text/javascript"&gt;
          $.mobile.showPageLoadingMsg();
      &lt;/script&gt;
  &lt;/head&gt; 
  </code></pre>