title: Bootstrap dropdown not working with input-group
body: <p>I'm trying to make a dropdown input to use as a search box. I want it to work similarly to the Stack Overflow tag box. You search for users, it pops up suggestions, you click on one, it populates with that choice and activates a button you can then use to cancel that choice and start the process all over again.</p>
  
  <p>Everything's working pretty okay, except when I added the button in a <a href="http://getbootstrap.com/components/#input-groups" rel="nofollow noreferrer">Bootstrap input group</a>, the dropdown box stopped dropping down. It simply doesn't display now.</p>
  
  <p>Here's the html:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div class="row"&gt;
      &lt;div class="col-xs-6"&gt;
  
          &lt;div class="dropdown"&gt;
  
              &lt;div class="input-group"&gt;
                  &lt;input class="entryInput form-control" id="query" name="query" type="text" data-toggle="dropdown" {{#if session "queryPopulated"}}readonly{{/if}}/&gt;
                  &lt;span class="input-group-btn"&gt;
                      &lt;button id="cancelQuery" class="btn btn-default" type="button"
                      {{#unless session "queryPopulated"}}disabled{{/unless}}&gt;X&lt;/button&gt;
                  &lt;/span&gt;
              &lt;/div&gt;
  
              &lt;ul class="dropdown-menu" role="menu" aria-labelledby="query"&gt;
                  {{#each queryResults}}
                      &lt;li&gt;&lt;a class="result" data-id="{{_id}}"&gt;{{firstname}} {{lastname}}&lt;/a&gt;&lt;/li&gt;
                  {{/each}}
              &lt;/ul&gt;
  
          &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;div class="col-xs-6"&gt;
          ...
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Is there an option I can set that will link the two up again? This behavior worked fine (well, almost fine, check out <a href="https://stackoverflow.com/questions/22285537/bootstrap-input-dropdown-change-activation-behavior">my other question</a> to see why it isn't perfect) until I put things in the input group. Is that just something I can't do? Am I getting too greedy?</p>
  
  <p>Thanks in advance!</p>