title: jQuery & history.js example
body: <p>I'm having a little trouble using history.js with jQuery. I just wanted to make a navigation set work with the back button (which they do seem to be doing quite nicely). However. When I click the back button the url changes to the old (which again is good and what I want) but the content does not replace as it should.</p>
  
  <p>To make this a little more understandable here's some code.</p>
  
  <pre><code>    &lt;ul class="content_links"&gt;
          &lt;li&gt;&lt;a href="/historyapi/pages/content_page_1.html"&gt;Content page 1&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="/historyapi/pages/content_page_2.html"&gt;Content page 2&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="/historyapi/pages/content_page_3.html"&gt;Content page 3&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="/historyapi/pages/content_page_4.html"&gt;Content page 4&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="/historyapi/pages/content_page_5.html"&gt;Content page 5&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
      &lt;div id="content"&gt;
          &lt;p&gt;Content within this box is replaced with content from supporting pages using javascript and AJAX.
      &lt;/div&gt;
  </code></pre>
  
  <p>Obviously what I want is the content of the pages load into content which is done nice and easily with .load() and then I want the back button to move backwards through them if the user uses it. At the moment the URLs change but the content in the box does not. How would I go about changing or fixing that?</p>