title: jQuery load default content into div
body: <p>ive searched around but couldnt really find anything to help. I use this code as a main ajax call for all content on my site (All content loaded dynamically into a div using this script):</p>
  
  <pre><code>jQuery(document).ready(function($) {
          function load(num) {
              $('#pageContent').html('&lt;img src="imgs/ajax-loader.gif"&gt;') 
              $('#pageContent').load(num +".html");
          }
  
          $.history.init(function(url) {
                  load(url == "" ? "1" : url);
              });
  
          $('#bbon a').live('click', function(e) {
                  var url = $(this).attr('href');
                  URLDecoder.decode(location,"UTF-8");
                  url = url.replace(/^.*#/, '');
                  $.history.load(url);
  
                  return false;
              });
      });
  </code></pre>
  
  <p>which works great. its fantastic. however, i am unable to get default content displayed in the <code>&lt;div&gt;</code> on page load.. so a visitor would have to select a menu item before any content shows. Any ideas on how i could do this? </p>
  
  <p>At the minute all i see is my loading animation.. I use jQuery with the History plugin.</p>