title: Is this a proper way to use History.js?
body: <p>I was able to put together a simplified complete History.js example using three links to load fragments of content from a full page without updating the page and while updating the browser history.</p>
  
  <p>Here are the relevent code snippets - a complete working example is here <a href="http://jsfiddle.net/PT7qx/show" rel="noreferrer">http://jsfiddle.net/PT7qx/show</a></p>
  
  <pre><code>&lt;a href="/page-header"&gt;Page Header&lt;/a&gt;
  &lt;a href="/login-form"&gt;Login Form&lt;/a&gt;
  &lt;a href="/nothing"&gt;Nothing&lt;/a&gt;
  
  &lt;script&gt;
  var History = window.History;
  if (!History.enabled) {
      return false;
  }
  
  History.Adapter.bind(window, 'statechange', function() {
      var State = History.getState();
      History.log(State.data, State.title, State.url);
  
      if (State.title == 'Page Header') {
          $('#content').load('/user/login/ .pageHeader &gt; *');
      }
  
      if (State.title == 'Login Form') {
          $('#content').load('/user/login/ #common-form &gt; *');
      }
  
      if (State.title == 'Nothing') {
          $('#content').empty()
      }
  });
  
  $('body').on('click', 'a', function(e) {
  
      var urlPath = $(this).attr('href');
      var Title = $(this).text();
      History.pushState(null, Title, urlPath);
  
      // prevents default click action of &lt;a ...&gt;
      return false;
  });
  &lt;\script&gt;
  </code></pre>
  
  <p>I would like to know if this is the correct usage.  The previous version had an ability to bind to an event using the # urls.  I have not seen any examples for binding events to urls with this latest version so I used the .on() click event to call History and sorted out what link was clicked in there.</p>
  
  <p>I am not sure if this is the best way to accomplish this for this example.</p>