title: Bootstrap .dropdown() "Uncaught TypeError: undefined is not a function"
body: <p>I know this question has been asked before, but somehow none of the fixes for other people have worked for me.  I have a feeling it has something to do with importing my plugins.  When clicking a field in a bootstrap dropdown box I get "undefined is not a function" in the console for this line of code:</p>
  
  <pre><code>$target.closest( '.btn-group' )
       .find( '[data-bind="label"]' ).text( $target.text() )
          .end()
       .children( 'dropdown-toggle' ).dropdown('toggle');
  </code></pre>
  
  <p>Here's my import code in my HTML:</p>
  
  <pre><code>&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script type="application/javascript" data-main="static/js/main" src="static/js/libs/require/2.1.11/require.js"&gt;&lt;/script&gt;
  &lt;script src="static/js/libs/bootstrap/bootstrap.min.js"&gt;&lt;/script&gt;
  &lt;link href="static/css/bootstrap.min.css" media="screen" rel="stylesheet" type="text/css"&gt;
  </code></pre>
  
  <p>Whenever I click the dropdown box I also get this error in the "Network" tab of my console, it says that the request was cancelled:</p>
  
  <pre><code>file:///home/chad/.config/google-chrome/Default/Extensions/gkojfkhlekighikafcpjkiklfbnlmeio/1.6.222_0/js/jquery.min.map
  </code></pre>
  
  <p>Any help on this would be greatly appreciated! I've been pulling my hair out over it for hours.</p>