title: UI freezing while calling asynchronous AJAX with PhoneGap
body: <p>i'm developing a PhoneGap application, it's working fine in my computer browser and in the iOS simulator, but the UI is freezing while calling asynchronous AJAX on devices (iPhone and Android).</p>
  
  <p>For instance, I'm using animated GIF images to show my user that the content is loading, I've got 10 simultaneous calls done, but the UI is waiting the 10 calls to be finished before changing the content of the screen. The problem is that the loading animation is not even done.</p>
  
  <p>This is my ajax call:</p>
  
  <pre><code>GetContribution: function(me, id) {
  
  $.ajax({ 
      cache: false, 
      async: true, 
      type: "GET", 
      dataType: "json",
      url: AN_URL,
      data: 'id='+id+'&amp;type=0',
      contentType: "application/json;charset=utf-8",
      accept: "application/json", 
      beforeSend: configureHeader,
      success: function (data) {
          me.set(data.GetContributionResult);
      me.setPZLoaded(true);
          me.grabContributions();
          me.trigger('change');
      },
      error: function (r) {
          console.log(r);
      }
  });
  
  },
  </code></pre>
  
  <p>Is there something special to do for asynchronous calls on PhoneGap?</p>
  
  <p>Thanks for your help.</p>
  
  <p>Cyril</p>