title: jquery how to show wait message during page load
body: <p>Being new to JQuery I have been hunting around to see how I can show a wait image to the user upon the loading of a page.</p>
  
  <p>the page is simple, user lands on the page, and selects several values and then selects a submit button.  </p>
  
  <p>Submits the request to the back end and then the results are returned and then displayed.  I am able to show a wait image upon the select button, but when the page is rendering the results using displaytag there is no image.</p>
  
  <p>I tried the following:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  
    $(document).ready(function() {
      $.blockUI({ message: '&lt;h3&gt;&lt;img src="../images/ajax-loader.gif" /&gt; We are loading your request.  Please be patient.&lt;/h3&gt;' });
    });
  
    $(window).load(function() {
      $.unblockUI();
    });  
  
  &lt;/script&gt;
  </code></pre>
  
  <p>But that did not seem to work.  The image and message show up at the very end not during the rendering of the page.</p>
  
  <p>Using IE if that matters.</p>