title: Problems with Path.js for jQuery back plugin
body: <p>I have decided upon path.js to use as my jQuery plugin for back/reload functionality, it is almost up and running but won't seem to work. A link to the plugin: <a href="https://github.com/mtrpcic/pathjs" rel="nofollow">https://github.com/mtrpcic/pathjs</a></p>
  
  <p>Head:</p>
  
  <pre><code>&lt;script type="text/javascript" src="jquery.js"&gt;&lt;/script&gt;  
  &lt;script type="text/javascript" src="core.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="path.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="back.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>Navigation:</p>
  
  <pre><code>&lt;div id="leftnav"&gt;
          &lt;p class="leftnavtext"&gt;
              &lt;a class="navlinks" id="about2" href="#/about"&gt;ABOUT&lt;/a&gt; &lt;br&gt;
              &lt;a class="navlinks" id="process2" href="#/process"&gt;PROCESS&lt;/a&gt; &lt;br&gt;
              &lt;a class="navlinks" id="materials2" href="#/materials"&gt;MATERIALS&lt;/a&gt; &lt;br&gt;
              &lt;a class="navlinks" id="pricing2" href="#/pricing"&gt;PRICING&lt;/a&gt;
          &lt;/p&gt;
  </code></pre>
  
  <p>AJAX Javascript code:</p>
  
  <pre><code>$(document).ready(function(){
    $("#about2").click(function(){
      $("#content").load("content.html #about");
  });
    $("#process2").click(function(){ 
      $("#content").load("content.html #process");
   });
    $("#materials2").click(function(){ 
      $("#content").load("content.html #materials");
  });
    $("#pricing2").click(function(){
      $("#content").load("content.html #pricing");
   });
     $("#pricing3").click(function(){
      $("#content").load("content.html #pricing");
  });
     $("#infinite1").click(function(){
      $("#content").load("content.html #infinite");
  });
  
  
  });
  </code></pre>
  
  <p>Path.js Code (back.js in header, path.js is the plugin.):</p>
  
  <pre><code>function notFound(){
              $("#content .content").html("404 Not Found");
              $("#content .content").addClass("Error");
          }
  
          function setPageBackground(){
              $("#content .content").removeClass("Error");
          }        
  
          Path.map("#/about").to(function(){
              $("#content .content").html("About");
          }).enter(setPageBackground);
  
         Path.map("#/process").to(function(){
              $("#content .content").html("Process");
          }).enter(setPageBackground);
  
         Path.map("#/materials").to(function(){
              $("#content .content").html("Materials");
          }).enter(setPageBackground);
  
         Path.map("#/pricing").to(function(){
              $("#content .content").html("Pricing");
          }).enter(setPageBackground);
  
  
          Path.root("#/about");
          Path.rescue(notFound);
  
          $(document).ready(function(){
  
              Path.listen();
   });
  </code></pre>
  
  <p>Can anyone see where im going wrong with this?</p>