title: Can't get a loading message appear on ajax calls
body: <p>I am using jQuery mobile within my web-app. I use these two functions to show and hide a spinning wheel and a message to the user:</p>
  
  <pre><code>function showScreenMsg(msg,text_only) {
    $.mobile.loading('show',{ text:msg, textVisible:true, theme:'b', textonly:text_only});
  }
  
  function hideScreenMsg(){
    $.mobile.loading('hide');
  }
  
  //AJAX CALL
  function show_dtl(element,id){
  showScreenMsg('loading',false);
  
  var details;
  $.ajax({
          async:false,
          url:'./shyne/ajax/show_dtl.php',
          data: {user_dtl_id:id},
  }).done(function(data)
          {   
              if (data){
                  data = $.parseJSON(data);
                  details = data;
                  details = formatDetails(details);
                  hideScreenMsg();
              }   
          }       
      );
  if(details){return details;}
  }
  </code></pre>
  
  <p>I call showScreenMsg with proper parameters before the Ajax call, and when Ajax succeeds I call hideScreenMsg.</p>
  
  <p>I do it for example in a list of people, where, by clicking on list elements you get people details by ajax.
  My problem is that maybe because of JQM (and device) slowness the loading message doesn't appear, I mean, maybe I get ajax answer before the device can display the message. However 3-5 seconds pass from the user click to the display of the informations. During this time nothing happens, and this should be something I want to avoid.
  Does anyone has a solution?</p>