title: Responsive tabs bootstrap not working
body: <p>I am trying to make my tabs with bootstrap responsive tabs. Did exactly what is says here <a href="http://openam.github.io/bootstrap-responsive-tabs/" rel="nofollow">http://openam.github.io/bootstrap-responsive-tabs/</a> and when i click on tabs, notnihg happens, it doesn't go to clicked tab. Can anyone help me with this? Thanks! </p>
  
  <pre><code>&lt;script src="js/jquery.js"&gt;&lt;/script&gt;
  &lt;script src="js/jquery-1.6.3.min.js"&gt;&lt;/script&gt;
  &lt;link href="css/bootstrap.css" rel="stylesheet"&gt;
  &lt;link href="css/bootstrap-responsive.css" rel="stylesheet"&gt;
  &lt;link href="css/style.css" rel="stylesheet"&gt;
  
  &lt;div class="container marketing"&gt;
  &lt;ul class="nav nav-tabs responsive" id="myTab"&gt;
  &lt;li class="active"&gt;&lt;a href="#home"&gt;Home&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="#profile"&gt;Profile&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="#messages"&gt;Messages&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  
  &lt;div class="tab-content responsive"&gt;
  &lt;div class="tab-pane active" id="home"&gt;...content...&lt;/div&gt;
  &lt;div class="tab-pane" id="profile"&gt;...content...&lt;/div&gt;
  &lt;div class="tab-pane" id="messages"&gt;...content...&lt;/div&gt;
  &lt;/div&gt;
  
  &lt;script type="text/javascript"&gt;
  (function($) {
  fakewaffle.responsiveTabs(['xs', 'sm']);
  })(jQuery);
  &lt;/script&gt;
  &lt;/div&gt;&lt;!-- /.container --&gt;
  
  &lt;script src="js/bootstrap.js"&gt;&lt;/script&gt;
  &lt;script src="js/responsive-tabs.js"&gt;&lt;/script&gt;
  </code></pre>