title: jQuery functions run in background?
body: <p>I have a page with a lot of elements (~1,500) of the same class on it, and when I execute</p>
  
  <pre><code>$(".pickrow").addClass("vis");
  </code></pre>
  
  <p>it takes a second or two for the page to reflect the changes.  So that users aren't thinking the page was stuck, I'd like to pop-up a small message using:</p>
  
  <pre><code>$("#msgDiv").show();
  $(".pickrow").addClass("vis");
  $("#msgDiv").hide();
  </code></pre>
  
  <p>But the msgDiv never shows.  If I remove the <code>$("#msgDiv").hide();</code> the msgDiv appears simultaneously with the application of the added class (after the 1 or 2 seconds it took to add the class).</p>
  
  <p>It seems like the jQuery functions get pooled and run together without any screen updates until they have all completed.</p>
  
  <p>How can I get the msgDiv to appear while the <code>$(".pickrow").addClass("vis");</code> is processing?</p>
  
  <p>Here's a <strong><a href="http://jsfiddle.net/PPH_/SpF5h/" rel="nofollow">Demo</a></strong></p>