Entrada inline do Twitter Bootstrap com lista suspensa

Estou tentando exibir uma entrada de texto em linha com um botão suspenso. Eu não consigo descobrir como fazer isso. Aqui está o HTML que eu tentei (coloquei tudo isso em uma única linha sem resultados):

<div class="input-append">
  <input type="text" placeholder="foo" class="input-mini">
  <div class="btn-group">
    <a id="amount_type" class="btn dropdown-toggle" data-toggle="dropdown" href="#">10<span class="caret"></span></a>
    <ul id="amount_type_options" class="dropdown-menu">
      <li class="selected"><a href="#">10</a></li>
      <li><a href="#">100</a></li>
      <li><a href="#">1000</a></li>
    </ul>
  </div>
</div>

Isso é possível?

Obrigado