Using a var in .load()

Using a var in .load()

I'm looking to make a page that loads in data from various divs on a separate page depending on the hash part of the url.

If a page is loaded with the url of www.example.com/#about this will load info from an external  page  ( what-cms.php ) where the div has an id of #about

Below is how I think it might look, but I can not get it to work. Does anyone know a solution?

Also, can I put the hash variable in the .load () event to act as the div to load from the what-cms.php page?
  2. <body>
  3. <script type="text/javascript">

  5. $(window).load (function() {
  6. var hash = new String(window.location.hash);
  7. if ("hash:contains('#')")
  8.  {
  9.  $('#stuff').load('what-cms.php hash');
  10.  alert("you loaded" + hash);
  11.  }
  12.  else {
  13.   $('#stuff').load('what-cms.php #home');
  14.       alert("Nothing to load");
  15.  }});
  16. </script>
  17. <div id="stuff">Loading...</div>
  18. </body>