title: jQuery Mobile Binding Spinner To ChangePage
body: <p>After a lot of google'ing and reading forums I've not found a suitable answer.</p>
  
  <p>So far all I have found is something like below:</p>
  
  <ul>
  <li>show loading message</li>
  <li>call change page</li>
  <li>hide loading message</li>
  </ul>
  
  <p>This would work but I would have to do this every time I call load/change page (which is a lot).</p>
  
  <p>Which would leave me either to make a middle man function like below:</p>
  
  <pre><code>function customLoader(url){
      showLoader();
      $.mobile.changePage(url);
      hideLoader();
  }
  </code></pre>
  
  <p>Is there anyway of binding it to the change page event?
  So that it shows from the second changePage is called but hides once changePage is away...</p>
  
  <p>I know the above middle man method would work but would like something more tidy and nicer to implement as there's a lot of html/js files.</p>