单击输入文本时，Bootstrap下拉菜单消失

Question

我正在尝试在引导程序下拉菜单中包含输入文本。但是当我单击输入文本时，菜单消失。这是html代码：

    <th width="25px;">
        <div class="dropdown">
              <button class="btn btn-default btn-sm" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                N°
                <span class="caret"></span>
              </button>
              <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenu1">
                <label for="usr">Find:</label>
                <li><input type="text" class="form-control"/></li>
                <li><a href="#" data-value="action">Asc</a></li>
                <li><a href="#" data-value="another action">desc</a></li>
              </ul>
        </div>
    </th>

我把跟随javascript，但它没有工作：

$('.dropdown-menu input').click(function(e) {
    e.stopPropagation();
});

任何帮助都会很棒。