title: Twitter Bootstrap Tab Selection Not Changing Content
body: <p>Although there are plenty of Twitter Bootstrap questions open that regard similar issues to that which I'm having, I haven't been able to find any solutions to my particular issue.  I'm using the twitter bootstraps "tab" feature in order to display content, and while the script succeeds in changing the changing the active tab, the content remains the same.</p>
  
  <p>Here's the code:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
      &lt;head&gt;
          &lt;title&gt;Hello, Tabs!&lt;/title&gt;
  
          &lt;link rel="stylesheet" href="public/css/bootstrap.min.css"&gt;
          &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.js"&gt;&lt;/script&gt;
          &lt;script type="text/javascript" src="public/js/bootstrap.min.js"&gt;&lt;/script&gt;
      &lt;/head&gt;
      &lt;body&gt;
  
  
       &lt;h3&gt;Version Information:&lt;/h3&gt;
       &lt;div class="tabbable tabs-left"&gt;
           &lt;ul class="nav nav-tabs" data-tabs="tabs"&gt;
               &lt;li class="active"&gt;
                   &lt;a href="#project/src/Graph/Graph.pm__0" data-toggle="tab"&gt;9424&lt;/a&gt;
               &lt;/li&gt;
               &lt;li&gt;
                   &lt;a href="#project/src/Graph/Graph.pm__1" data-toggle="tab"&gt;9058&lt;/a&gt;
               &lt;/li&gt;
               &lt;li&gt;
                   &lt;a href="#project/src/Graph/Graph.pm__2" data-toggle="tab"&gt;8928&lt;/a&gt;
               &lt;/li&gt;
               &lt;li&gt;
                   &lt;a href="#project/src/Graph/Graph.pm__3" data-toggle="tab"&gt;8926&lt;/a&gt;
               &lt;/li&gt;
               &lt;li&gt;
                   &lt;a href="#project/src/Graph/Graph.pm__4" data-toggle="tab"&gt;8924&lt;/a&gt;
               &lt;/li&gt;
               &lt;li&gt;
                   &lt;a href="#project/src/Graph/Graph.pm__5" data-toggle="tab"&gt;8890&lt;/a&gt;
               &lt;/li&gt;
               &lt;li&gt;
                   &lt;a href="#project/src/Graph/Graph.pm__6" data-toggle="tab"&gt;8889&lt;/a&gt;
               &lt;/li&gt;
               &lt;li&gt;
                   &lt;a href="#project/src/Graph/Graph.pm__7" data-toggle="tab"&gt;8887&lt;/a&gt;
               &lt;/li&gt;
           &lt;/ul&gt;
           &lt;div class="tab-content"&gt;
               &lt;div class="tab-pane active" id="project/src/Graph/Graph.pm__0"&gt;
                   &lt;p&gt;
                   Author: joe&lt;br&gt;
                   Version: v9424 (1:31 pm February 28, 2013)&lt;br&gt;
                   Action: Modified&lt;br&gt;
                   Message: Finalized a bit of the code... should be better now.&lt;br&gt;
                   &lt;/p&gt;
               &lt;/div&gt;
               &lt;div class="tab-pane" id="project/src/Graph/Graph.pm__1"&gt;
                   &lt;p&gt;
                   Author: joe&lt;br&gt;
                   Version: v9058 (9:13 pm February 26, 2013)&lt;br&gt;
                   Action: Modified&lt;br&gt;
                   Message: Hello, world!&lt;br&gt;
                   &lt;/p&gt;
               &lt;/div&gt;
               &lt;div class="tab-pane" id="project/src/Graph/Graph.pm__2"&gt;
                   &lt;p&gt;
                   Author: joe&lt;br&gt;
                   Version: v8928 (2:08 am February 25, 2013)&lt;br&gt;
                   Action: Modified&lt;br&gt;
                   Message: Hello, world!&lt;br&gt;
                   &lt;/p&gt;
               &lt;/div&gt;
               &lt;div class="tab-pane" id="project/src/Graph/Graph.pm__3"&gt;
                   &lt;p&gt;
                   Author: joe&lt;br&gt;
                   Version: v8926 (1:14 am February 25, 2013)&lt;br&gt;
                   Action: Modified&lt;br&gt;
                   Message: Hello, world!&lt;br&gt;
                   &lt;/p&gt;
               &lt;/div&gt;
               &lt;div class="tab-pane" id="project/src/Graph/Graph.pm__4"&gt;
                   &lt;p&gt;
                   Author: joe&lt;br&gt;
                   Version: v8924 (10:26 pm February 24, 2013)&lt;br&gt;
                   Action: Modified&lt;br&gt;
                   Message: Hello, world!&lt;br&gt;
                   &lt;/p&gt;
               &lt;/div&gt;
               &lt;div class="tab-pane" id="project/src/Graph/Graph.pm__5"&gt;
                   &lt;p&gt;
                   Author: joe&lt;br&gt;
                   Version: v8890 (9:59 pm February 23, 2013)&lt;br&gt;
                   Action: Modified&lt;br&gt;
                   Message: Hello, world!&lt;br&gt;
                   &lt;/p&gt;
               &lt;/div&gt;
               &lt;div class="tab-pane" id="project/src/Graph/Graph.pm__6"&gt;
                   &lt;p&gt;
                   Author: joe&lt;br&gt;
                   Version: v8889 (9:53 pm February 23, 2013)&lt;br&gt;
                   Action: Added&lt;br&gt;
                   Message: Hello, world!&lt;br&gt;
                   &lt;/p&gt;
               &lt;/div&gt;
               &lt;div class="tab-pane" id="project/src/Graph/Graph.pm__7"&gt;
                   &lt;p&gt;
                   Author: joe&lt;br&gt;
                   Version: v8887 (9:40 pm February 23, 2013)&lt;br&gt;
                   Action: Added&lt;br&gt;
                   Message: Hello, world!&lt;br&gt;
                   &lt;/p&gt;
               &lt;/div&gt;
           &lt;/div&gt;
       &lt;/div&gt;
  
  
  
      &lt;script type="text/javascript"&gt;
      jQuery(document).ready(function ($) {
          $('.nav-tabs').tab();
      });
      &lt;/script&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>All the dependence files are loaded just fine when I run this (for reference, the version of bootstrap being used is 2.3.1).  I've been head-desking about this problem for quite some time now, so any help would be greatly appreciated.</p>
  
  <p>EDIT: <a href="http://jsfiddle.net/C3gQb/2/">Here's</a> a jsfiddle link containing the error code.</p>