title: History.js and manual refresh of the page
body: <p>i'm working with History.js and i'm trying to obtain an url as Google Plus urls. </p>
  
  <pre><code>(function(window, undefined){
  
  
  var History = window.History; // Note: We are using a capital H instead of a lower h
  if ( !History.enabled ) {
       // History.js is disabled for this browser.
       // This is because we can optionally choose to support HTML4 browsers or not.
      return false;
  }
  
  
  History.Adapter.bind(window, 'statechange', function(){ // Note: We are using statechange instead of popstate
  
      var State = History.getState(); // Note: We are using History.getState() instead of event.state
      History.log(State.data, State.title, State.url);
      console.log(State.data.page);
  });
  
  
  
  $('.item').live('click', function(e){
      e.preventDefault();
      var url = $(this).children(1).attr('href');
      $(document).remove('#content');
      $('#loaded').load('/controlpanel' + url + '.php #content');
      History.pushState({page: url + '.php'}, "Prova Pagina", History.getRootUrl() + 'controlpanel' + url); // logs {state:1}, "State 1", "?state=1"
  });
  </code></pre>
  
  <p>})(window);</p>
  
  <p>this script works when I click on the link, but when I manually refresh the page, and I've already clicked on a link and the url becomes <a href="http://www.mysite.com/something/page" rel="nofollow">http://www.mysite.com/something/page</a>, the browser gives me an 404 Error.
  How can I solve it?</p>
  
  <p>I would like to obtain something like: <a href="https://plus.google.com/explore" rel="nofollow">https://plus.google.com/explore</a></p>