title: Bootstrap.js has to load before jQuery
body: <p>I'm try to get the Bootstrap drop down functionality to work, but am noticing something very odd.  </p>
  
  <p>For some reason, I have to load the bootstrap.min.js BEFORE jquery in order for the drop down to work.  </p>
  
  <p>Here is the code when drop-downs don't work:</p>
  
  <pre><code>&lt;script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript"&gt;&lt;/script&gt;
  
  &lt;script src="js/bootstrap.min.js" type="text/javascript"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>Then, if I switch them around (bootstrap before jquery), drop-down magically works.  I don't understand why this is considering bootstrap needs query to run, otherwise I get an error in Firebug of:</p>
  
  <pre><code>ReferenceError: Can't find variable: jQuery
  </code></pre>
  
  <p>Any explanation and/or help would be great!</p>