title: href links to Bootstrap nav tabs not activating on same page
body: <p>I have implemented psulek's solution from here: <a href="https://stackoverflow.com/questions/12131273/twitter-bootstrap-tabs-url-doesnt-change?lq=1">Twitter Bootstrap - Tabs - URL doesn&#39;t change</a> to allow a right hand nav section on all site pages to go to a page with nav tabs, and open the selected tab, e.g. clicking on Region Search link below takes you to index.html and selects/opens #region-form</p>
  
  <pre><code>    &lt;p&gt;&lt;a href="index.html#airport-form" &gt;Airport Search&lt;/a&gt;&lt;/p&gt;
      &lt;p&gt;&lt;a href="index.html#postcode-form"&gt;Postcode Search&lt;/a&gt;&lt;/p&gt;
      &lt;p&gt;&lt;a href="index.html#region-form"&gt;Region Search&lt;/a&gt;&lt;/p&gt;
  </code></pre>
  
  <p>This works great except on index.html itself, the page with the tabs. This page also has the right hand nav section with the same links as above. If the Airport Search tab is active and you click on the Region Search link then the URL changes to /index.html#region-form but the Region tab does not activate. If I manually refresh/reload the page then the Region tab is activated.</p>
  
  <p>How can I get the rh href links on index.html to 'work' automatically and activate the tab, e.g. I think I want to force a page reload of index.html when a link is clicked but am not sure of the best way to do it.</p>