title: How do I force DOM to update/refresh just before and after an ajax query?
body: <p>I'm having a browser issue with my Busy icon. The code looks like this:</p>
  
  <pre><code>$("#busysymbol").show();
  $("#busysymbol").position({my:"right top",at:"right top",of:$("#datepicker"),offset:"-3 3"});
  var resp = $.ajax({url: "book_ajax.php?req=daysformonth&month=1",
          cache: false,
          async: false
          }).responseText;
  $("#busysymbol").hide();
  var daysInMonth = resp.split(",");
  ...etc...</code></pre>
  
  <p>This code works perfect in Firefox however in Chrome and Safari the busy symbol is not showing. I believe Chrome and Safari are caching up the changes to the DOM and the $("busysymbol").show() call is not immediately refreshing.</p>
  
  <p>Is there a way I can force Chrome/Safari to update the display.</p>