title: Fluent navigation with knockout.js
body: <p>I have one single-page application with three sub-pages.</p>
  
  <p>Url structure is:</p>
  
  <pre><code>/page  (sub-page-0)
  
  /page#sub-page-1
  
  /page#sub-page-2
  </code></pre>
  
  <p>View Model is:</p>
  
  <pre><code>function ViewModel(activePage){
     var self=this;
  
     self.activePage=ko.observable(activePage);
     self.changePage=function (newPage){
         self.activePage(newPage);
         //change url
     });
  }
  </code></pre>
  
  <p>When user enter url I want to get # part in javascript and construct ViewModel with this parameter. </p>
  
  <p>When user click link in the page I want to change URL and load that sub page.</p>