title: Bootstrap Tabs do not work with AngularJS/ Angular-Form-Builder
body: <p>In my project I use Bootstrap Tabs with AngularJS and angular-form-builder: </p>
  
  <pre><code>            &lt;ul class="nav nav-tabs" role="tablist"&gt;
                  &lt;li role="presentation" class="active"&gt;&lt;a href="#project" aria-controls="projekt" role="tab" data-toggle="tab"&gt;Projekt&lt;/a&gt;&lt;/li&gt;
                  &lt;li role="presentation"&gt;&lt;a href="#project2" aria-controls="podglad" role="tab" data-toggle="tab"&gt;Podgląd&lt;/a&gt;&lt;/li&gt;
                  &lt;li role="presentation"&gt;&lt;a href="#json" aria-controls="json" role="tab" data-toggle="tab"&gt;Json&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
  
             &lt;div class="tab-content"&gt;
                  &lt;div role="tabpanel" class="tab-pane fade in active" id="project"&gt;
             ...
             ...
  </code></pre>
  
  <p>Whenever I try to move between tabs I recieve an error</p>
  
  <pre><code>Uncaught TypeError: $(...).tab is not a function(anonymous function) @ VM4062:4b.event.dispatch @ angular-file-upload.js:1331b.event.add.v.handle @ angular-file-upload.js:1331triggerMouseEvent @ angular-file-upload.js:1331tapClick @ angular-file-upload.js:1331tapMouseUp @ angular-file-upload.js:1331
  </code></pre>
  
  <p>Of course I didn't forget about handling the tabs:</p>
  
  <pre><code> $('.nav-tabs a').click(function (e) {
      e.preventDefault();
      $(this).tab('show');
  })
  </code></pre>
  
  <p>I think its also worth mentioning that my application has 3 levels of nested views(via UI - Router)</p>
  
  <p>Has anyone stumbled upon similar problem in the past?
  All my libraries are properly loaded within the project (I do believe in correct order, other parts of the application work as expected to).</p>
  
  <p>Kind Regards!</p>