javascript filter

<div id="filterBox" class="popover fade bottom in" style="display: none; top: 36px; left: 0px;"><div class="arrow" style="left: 15.1238%;"></div><h3 class="popover-title" style="display: none;"></h3><div class="popover-content">
  <div class="tabbed-filter-widget branch-dialog">
    <div class="tabbed-filter">
      <input type="text" id="branchFilter" placeholder="filter branch" class="filter-box form-control">
      <ul class="nav nav-tabs filter-tabs nav-justified">
        <li class="active"><a href="#branches" data-toggle="tab">branches</a></li>

      </ul>
    </div>
    <!-- Tab panes -->
    <div class="tab-content filter-list">
      <div class="tab-pane fade in active" id="branches" style="overflow-y:auto;height:200px">
        <ul class="list-unstyled">

          <li class="filter-item">
            <a href="/gitmng/slbing/maple-demo/checkout/master/">
              master
            </a>
          </li>

        </ul>
      </div>
    </div>
  </div></div></div>

var navigatorSearchTimeout = -1;
$("#branchFilter").on("keyup", function () {
  window.clearTimeout(navigatorSearchTimeout);
  navigatorSearchTimeout = window.setTimeout(function () {
    $("#branches ul li").removeClass("hide");
    $("#branches ul li").each(function () {
      if ($(this).text().toLowerCase().indexOf($("#branchFilter").val().trim().toLowerCase()) == -1) {
        $(this).addClass("hide");
      }
    });
  }, 300);
});