title: how to display 'loading' before content from jquery tabs is loaded
body: <p>I am using jquery UI tabs and content loaded into the tab is on another page. so it is loading via ajax.  There is some lag between the page loading during which the part of the screen where tab content will load is completley empty.  Is there a way I can show some message like 'loading....' until the content loads?</p>
  
  <p>My code is:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      $(function(){
          $("#tabs").tabs();
      });
  &lt;/script&gt;
  
              &lt;div id="tabs"&gt;
                  &lt;ul&gt;
                      &lt;li&gt;&lt;a href="/failedPrescreenReport.jsp&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="/failedverificationreport.jsp&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="VerificationReport.action&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/div&gt;
  </code></pre>
  
  <p>I have tried using the <a href="http://docs.jquery.com/UI/Tabs#option-spinner" rel="noreferrer">spinner</a> option of this plugin but that does not seem to work for me...(maybe my css is messed up)</p>