title: twitter bootstrap dropdown links not working
body: <p>I am using bootstrap version 2.0</p>
  
  <p>I have the following html structure - </p>
  
  <p>Now when I click on the <code>Filter by Team</code> the dropdown shows properly. Now when I click on the link, I should be taken to the page. But the links do <em>not</em> work. I mean, when I click on the dropdown elements, they should take me to a url, which they are href'ed to, this does not happen.</p>
  
  <pre><code>&lt;li style="margin-left: 12px;"&gt;
          &lt;div class="dropdown" style="margin-top: 5px;"&gt;
            &lt;a class="dropdown-toggle" style="margin-left: -2px;" data-toggle="dropdown" href="#"&gt;
              Filter by Team
            &lt;/a&gt;
            &lt;ul class="dropdown-menu" data-toggle="dropdown" role="menu" aria-labelledby="dropdownMenu"&gt;
  
              &lt;li&gt;
                &lt;a tabindex="-1" class="disabled" href="/task/list/orgteam/8/"&gt;funvilla&lt;/a&gt;
              &lt;/li&gt;
              &lt;li class="divider"&gt;&lt;/li&gt;
  
              &lt;li&gt;
                &lt;a tabindex="-1" class="disabled" href="/task/list/orgteam/6/"&gt;Dev Team&lt;/a&gt;
              &lt;/li&gt;
              &lt;li class="divider"&gt;&lt;/li&gt;
  
              &lt;li&gt;
                &lt;a tabindex="-1" class="disabled" href="/task/list/orgteam/5/"&gt;Design Team&lt;/a&gt;
              &lt;/li&gt;
              &lt;li class="divider"&gt;&lt;/li&gt;
  
  
            &lt;/ul&gt;
          &lt;/div&gt;
        &lt;/li&gt;
  </code></pre>
  
  <p>The fiddle can be found here - <a href="http://jsfiddle.net/ktgrw/">http://jsfiddle.net/ktgrw/</a></p>