title: Bootstrap 3.x Tab not working - Uncaught TypeError: Object [object Object] has no method 'tab'
body: <p>I'm trying to get tabs working on my app, and following the Bootstrap docs to set them up results in an error: Uncaught TypeError: Object [object Object] has no method 'tab' . I have a JSFiddle of the problem code: <kbd><a href="http://jsfiddle.net/TheGremlyn/LS37A/7/" rel="nofollow"><strong>Not Working Fiddle</strong></a></kbd></p>
  
  <hr>
  
  <p>A little more info, which could be relevant: my app, built using Symfony, is compiling Bootstrap with Less, hence needing to use my own Bootstrap resources for the Fiddle example. There could be a problem with the compiling that's causing this, but I do see the Tab javascript code in there... </p>
  
  <hr>
  
  <p>The HTML:</p>
  
  <pre><code>&lt;div class="container"&gt;
    &lt;div class="row"&gt;
      &lt;ul id="campaignTabs" class="nav nav-tabs"&gt;
        &lt;li class="active"&gt;&lt;a href="#tasks" data-toggle="tab"&gt;Tasks&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#schedule" data-toggle="tab"&gt;Schedule&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#upgrade" data-toggle="tab"&gt;Upgrade&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
      &lt;div class="tab-content"&gt;
        &lt;div class="tab-pane fade in active" id="tasks"&gt;
          Tab 1
        &lt;/div&gt;
        &lt;div class="tab-pane fade" id="schedule"&gt;
          Tab 2
        &lt;/div&gt;
        &lt;div class="tab-pane fade" id="upgrade"&gt;
          Tab 3
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The JS:</p>
  
  <pre><code>$('#campaignTabs a').click(function (e) {
      e.preventDefault();
      $(this).tab('show');
  });
  </code></pre>
  
  <p>Any help would be appreciated!</p>
  
  <hr>
  
  <p>EDIT: My original link was accidentally using links to local resources, so naturally that wasn't working! I updated to using resources from Dropbox, so hopefully those are working now.</p>