Add page title as body class on page load
<p>I am fairly new to jQuery and javascript.  I am trying to </p>

<ol>
<li>get the page title when the page is loaded and </li>
<li>assign that page title to the body tag.  </li>
</ol>

<p>I am trying to load a different background image and color for each page.  I have been successful using css for the page backgrounds but the background stops at the bottom of my footer. The body tag is controlling the background below my footer and since each page has a different background, I need the body to pick up the background-color of the loaded page.</p>
