title: html tabs kick back to home page instead of showing new data
body: <p>I'm trying to implement a html tabbed interface. For some reason clicking on a tab will kick me back to the homepage instead of showing a new list of data. Do I need to add a url route to the <code>&lt;a href&gt;</code> ?    </p>
  
  <pre><code>&lt;ul class="nav nav-tabs" role="tablist"&gt;
          &lt;li role="presentation" class="active"&gt;&lt;a href="#overview" role="tab" data-toggle="tab"&gt;Overview&lt;/a&gt;&lt;/li&gt;
          &lt;li role="presentation"&gt;&lt;a href="#documents" role="tab" data-toggle="tab"&gt;Documents&lt;/a&gt;&lt;/li&gt;
          &lt;li role="presentation"&gt;&lt;a href="#punchlist" role="tab" data-toggle="tab"&gt;List&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
   &lt;div id="mainBody"&gt;
      &lt;div class="tab-content"&gt;
          &lt;div class="tab-pane active" id="overview"&gt;
              &lt;div role="tabpanel"&gt;
                 DATA 1
              &lt;/div&gt;
          &lt;/div&gt;
         &lt;div class="tab-pane" id="documents"&gt;
              &lt;div role="tabpanel"&gt;
                 DATA 2
              &lt;/div&gt;
          &lt;/div&gt;
         &lt;div class="tab-pane" id="punchlist"&gt;
              &lt;div role="tabpanel"&gt;
                 DATA 3
              &lt;/div&gt;
          &lt;/div&gt;
       &lt;/div&gt;
   &lt;/div&gt;
  </code></pre>