title: Twitter Bootstrap Dropdown Menu not appearing
body: <p>I am trying to develop a website. So far, I have 3 pages, all with the same top <code>navbar</code>. I am wondering, why won't this page work, like the others. I am sure I have installed everything that needs to be installed, but the menus won't work. What am I doing wrong? Note: I am using Django.</p>
  
  <pre><code>&lt;!-- HTML --&gt;
  &lt;ul class="nav nav-pills"&gt;
        &lt;li class="dropdown" id="menu1"&gt;
          &lt;a class="dropdown-toggle" data-toggle="dropdown" href="#menu1"&gt;
              Meet the Team
              &lt;i class="icon-user"&gt;&lt;/i&gt;
          &lt;/a&gt;
          &lt;ul class="dropdown-menu" role="menu"&gt;
              &lt;li&gt;&lt;a href="{% url 'users:team' %}"&gt;Lead Developers&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="{% url 'users:team' %}"&gt;Developers&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="{% url 'users:team' %}"&gt;Contributors&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
        &lt;li class="dropdown" id="menu2"&gt;
          &lt;a class="dropdown-toggle" data-toggle="dropdown" href="#menu2"&gt;
              Choose Your Plan
              &lt;i class="icon-shopping-cart"&gt;&lt;/i&gt;
          &lt;/a&gt;
          &lt;ul class="dropdown-menu"&gt;
              &lt;li&gt;&lt;a href="#"&gt;Protection Plans&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;Assistence Plans&lt;/a&gt;&lt;/li&gt;
              &lt;li class="divider"&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a class="disable" href="#"&gt;Learn About Busness&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
        &lt;/li&gt;
        &lt;li&gt;
          &lt;a href="{% url 'users:question' %}"&gt;
              Post a Question
          &lt;i class="icon-globe"&gt;&lt;/i&gt;
          &lt;/a&gt;
        &lt;/li&gt;
        &lt;li&gt;
          &lt;a class="dropdown-toggle" data-toggle="dropdown" href="#"&gt;
              Visit Us
              &lt;i class="icon-plane"&gt;&lt;/i&gt;
          &lt;/a&gt;
        &lt;/li&gt;
      &lt;/li&gt;
    &lt;/ul&gt;
  
  &lt;!-- Javascript --&gt;
  
  &lt;script language="javascript" type="text/javascript" src="{{ STATIC_URL }}js/jquery.js"&gt;    &lt;/script&gt;
  
  &lt;script src="{{ STATIC_URL }}js/bootstrap.min.js"&gt;&lt;/script&gt;
  
  &lt;script src="{{ STATIC_URL }}js/jquery.flot.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="http://twitter.github.com/bootstrap/assets/js/bootstrap-dropdown.js"&gt;&lt;/script&gt;
  
  &lt;script type="text/javascript"&gt;  
      $(document).ready(function () {  
          $('.dropdown-toggle').dropdown();  
  
  
      });  
  </code></pre>
  
  <p>  </p>