title: Url does not return to basic state when going to some page and then back
body: <p>I'm having trouble understanding why, when in my Durandal app, after I go to a detail page then back to a list I get a url with the detail page's url embedded in the current URL.  </p>
  
  <p>For example:</p>
  
  <p>When I start out I've got: <code>http://localhost:51429/#/</code></p>
  
  <p>Then I go to the detail page: <code>http://localhost:51429/physDetail</code></p>
  
  <p>Then I go back to the list page: <code>http://localhost:51429/physDetail#/physList</code></p>
  
  <p>Why am I getting 'physDetail#' embedded in the url?  The problem is that if I hit F5 to refresh the html I get a 404.</p>
  
  <p>I'm setting routes like this:</p>
  
  <pre><code>  var routes = [{
      url: 'physList',
      moduleId: 'viewmodels/physList',
      name: 'Physicians',
      visible: true
    }, {
      url: 'physDetail',
      moduleId: 'viewmodels/physDetail',
      name: 'View Physician Detail',
      visible: false
    }, {
      url: 'incentives',
      moduleId: 'viewmodels/incentiveList',
      name: 'Incentives',
      visible: true
    }, {
      url: 'membershipList',
      moduleId: 'viewmodels/membershipList',
      name: 'Membership',
      visible: true
    }];
  </code></pre>
  
  <p>Switching to the detail page occurs by clicking on a row in the list. 
  The list HTML looks like this:</p>
  
  <pre><code> &lt;tbody data-bind="foreach: $root.physicians, delegatedHandler: 'click'"&gt;
      &lt;tr data-click="physClicked"&gt;
      &lt;td data-bind="text: contact_LastName"&gt;&lt;/td&gt;
      &lt;td data-bind="text: contact_FirstName"&gt;&lt;/td&gt;
      &lt;td data-bind="foreach: contact_Phones"&gt;
          &lt;span data-bind="phoneFormat: fullPhone"&gt;&lt;/span&gt;
      &lt;/td&gt;
      &lt;td data-bind="foreach: contact_Emails"&gt;
          &lt;span data-bind="emailFormat: address"&gt;&lt;/span&gt;
      &lt;/td&gt;
      &lt;/tr&gt;
   &lt;/tbody&gt;
  </code></pre>
  
  <p>The js handler looks like this:</p>
  
  <pre><code>function physClicked(phys, event) {
    router.navigateTo("physDetail");
    return;
  }
  </code></pre>
  
  <p>Return to the list (or another page) by clicking on a button at the top of the page. The button HTML looks like this:</p>
  
  <pre><code>&lt;div class="btn-group" data-bind="foreach: router.visibleRoutes"&gt;
    &lt;a data-bind="css: { active: isActive }, attr: { href: hash }, text: name" 
       class="btn btn-info" href="#"&gt;&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Should I be dis-allowing a jump to another page? Should I only allow a back button or doing a router.navigateBack() after a save or cancel?</p>
  
  <p>I've tried to find some guidance on this at the Durandaljs site but either it doesn't exist or I don't know the right question to ask.</p>
  
  <p>Thanks for any insight.</p>