Preloading on first page load

Preloading on first page load

I'm using the multipage template, so only just one html file. Now I want the whole page to have a preloading and not only showing a white page before the content is displayed. I figured out that jquerymobile already is using a loading function so I tried to use it like this:

javascript:;
  2. javascript:; $(document).ready(function() {
  3. $.mobile.loading( 'show', {
  4. text: 'page loading',
  5. textVisible: true,
  6. theme: 'a'
  7.  });
  8. });
But it's not working! 

I've put it directly after the jquerymobile include. Can somebody help me please?