insert the loading spinner with .getJson

insert the loading spinner with .getJson

So that's what I'm trying to do...insert a spinner and hide it when the page content is loaded but it's not working.  Here's what I have:

  2. $('#mainNews').on('pageinit', function(event) {
  3.         $.mobile.showPageLoadingMsg();
  4. getNews();
  5. });
  6. function getNews() {
  7. $.getJSON('file.php', function(data) {
  8.             $.each(data, function (i, u){
  9.                   append-to-listview;
  10.             }
  11.       $('').listview('refresh');
  12.       $.mobile.hidePageLoadingMsg();
  13.       });
  14. }
This seems simple but I can't get it to work.