title: How do I navigate to another page on button click with Twitter Bootstrap?
body: <p>I have to render a html page residing in <code>templates/home.html</code></p>
  
  <p>I have a button in <code>index.html</code> as:  </p>
  
  <pre><code>&lt;div id="browse_app"&gt;
      &lt;button class="btn btn-large btn-info" type="button"&gt;Browse&lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>All I want to do is when I click on <code>Browse</code>, it <strong>takes</strong> me to <code>home.html</code></p>
  
  <p>I tried to write <code>jQuery</code> as:  </p>
  
  <pre><code>// onClick on 'Browse' load the internal page
  $(function(){
      $('#browse_app').click(function(){
          $.load('templates/home.html');
      });
  });
  </code></pre>
  
  <p>But this doesn't work since load needs to put data somewhere in current page</p>
  
  <p>How do I get to the <code>home.html</code> on button click?</p>