title: Implementing "Back button" on jquery ajax calls
body: <p>I'm trying to implement back button on this full ajax website.. I tried jquery history plugin but I'm sure I messed something, as the hash appears OK but the back button won't load the original content back.. </p>
  
  <p>This is what my menu looks like:</p>
  
  <pre><code>       &lt;div id="nav" class="ajaxload menu"&gt;
              &lt;ul&gt;
                  &lt;li&gt;&lt;a href="home.aspx"&gt;Home&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="about.aspx"&gt;About Us&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="contact.aspx"&gt;Contact&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
          &lt;/div&gt;    
  </code></pre>
  
  <p>And the ajax calls:</p>
  
  <pre><code>     $(function() {
              var $content = $('#content');
              $('.ajaxload li a').click(function() {
  
                  $content.html('&lt;div id="loader"&gt;&lt;/div&gt;');
  
                  var url = $(this).attr('href');
                  $.get(url, function(data) {
                      $content.hide().html(data).fadeIn("slow", function() { $("#loader").fadeOut("fast") });
                  });
                  return false;
              });
          });
  </code></pre>