title: Div contents flickers between ajax calls
body: <p>I have an ajax call that passes a parameter to a request for data. The data is based on a view from a web service that provides me with XML. The web service sometimes lags in returning the view and during that time the contents of the div flickers with the current and new data.</p>
  
  <p>I've tried emptying/hiding the div and setting headers to not cache the php page but still the same. </p>
  
  <p>Here is my code:</p>
  
  <pre><code>$('#getCourses').change(function() {
      var courseGroup = $('#courseGroup:selected').val();
  
      $('#showGroupCourses').html('&lt;img src="images/loading.gif"&gt;Processing');
  
      $.ajax({
          cache: false,
          type: 'POST',
          url: 'getGroupCourses.php',
          data: { passCourseGroup:courseGroup },
          success: function(groupCourses) {
              $('#showGroupCourses').html(groupCourses).show('fast').css({'height':'auto'});
          }
      })
  });
  </code></pre>
  
  <p>Any thoughts on how to prevent this?</p>
  
  <p>Thanks!</p>