title: Bootstrap Dropdown with Input inside Table Head Issue
body: <p>I want one of the <code>&lt;th&gt;&lt;/th&gt;</code> in my table to be a link displaying a drop-down when clicked. I also want an input field with a filter button placed to the right in the same drop-down.</p>
  
  <pre><code>                &lt;th&gt;
                      &lt;div class="dropdown inline-dropdown input-dropdown"&gt;
                          &lt;a class="dropdown-toggle" data-toggle="dropdown" href="#"&gt;
                              &lt;span&gt;Name&lt;/span&gt;
                              &lt;span class="caret"&gt;&lt;/span&gt;
                          &lt;/a&gt;
                          &lt;ul class="dropdown-menu input-dropdown-menu"&gt;
                              &lt;li&gt;
                                  &lt;input class="pull-left input-first" type="text"/&gt;
                                  &lt;button type="submit" class="btn"&gt;Filter&lt;/button&gt;
                              &lt;/li&gt;
                          &lt;/ul&gt;
                      &lt;/div&gt;
                  &lt;/th&gt;
  </code></pre>
  
  <p>Please see my fiddle for more clarification.</p>
  
  <p>Old:
  <strike><a href="http://jsfiddle.net/qeT6T/19/" rel="nofollow noreferrer">http://jsfiddle.net/qeT6T/19/</a></strike></p>
  
  <p>Updated:
  <a href="http://jsfiddle.net/qeT6T/47/" rel="nofollow noreferrer">http://jsfiddle.net/qeT6T/47/</a></p>