Bootstrapのdropdownメニューにテキストフォームを実装する

Bootstrapのdropdownはclickすると閉じる実装になっているので、textformにfocusした瞬間に閉じてしまう。
そこでjsでdropdown自体をclickしても閉じないようにする。

html

<div class="dropdown-menu_wrapper">
  <a class="dropdown-toggle" data-toggle="dropdown">
    <p>メニュー</p>
  </a>
  <div class="dropdown-menu" role="menu">
    <ul>
      <li>
        <input type="text" name="example1">
      </li>
      <li>
        <input type="text" name="example2">
      </li>
      <li>
        <input type="text" name="example3">
      </li>
    </ul>
  </div>
</div>

js

$(document).ready(function() {
    $(".dropdown-menu").click(function(e) {
        e.stopPropagation();
    }); 
});