title: Backbone pushstate history not working
body: <p>I am using backbone.js routes and i am struggling to make history to work. Here is the code i have:</p>
  
  <pre><code>$(function() {  
  
      var AppRouter = Backbone.Router.extend({
          routes: {
             "/": "initHome",
             "home": "initHome",
             "projects": "initProjects",
             "project/:id" : "initProject"
          }
      });
  
      // Instantiate the router
      var app_router = new AppRouter;
  
      app_router.on('route:initProject', function (id) {
          // Note the variable in the route definition being passed in here
            getContent("project",id);
      });
  
      app_router.on('route:initProjects', function () {
            getContent("projects");
      });
  
      app_router.on('route:initHome', function () {
            getContent("home");
      });
  
  
      // SINGLE PAGE MAGIC
      $(document).on("click",".links",function(e) {
          var href = $(this).attr("href");
          var url =  lang + "/" + href;    
              page = $(this).attr("data-id");
          var param = $(this).attr("data-param");         
          if (typeof(param) == 'undefined') { param = ""; }  
  
          if(activepage != href &amp;&amp; !main.hasClass("loadingPage")){    
              loader.show();  
              firstInit = false;
              activepage = href;
              res = app_router.navigate(url, true);
              getContent(page,param);
          }   
          return false;                           
      });
  
      Backbone.history.start({pushState: true, root: "/karlin/"});
  
  });
  </code></pre>
  
  <p>Push state is working fine on click, but it wont call getContent() function when i try back/next buttons in the browser. I am an newbie to backbone, so any advice will be helpful.</p>