搜索并显示div onkeyup搜索

Question

我想创建一个简单的搜索jquery。当密钥匹配和不匹配的div被隐藏时，显示包含关键字的div。我还希望显示所有div，然后删除搜索字段中的内容。我不是一个jquery大师，我仍然是一个学习者。我已经阅读了这篇文章，但是当字段为空时我无法显示div显示Javascript search and display divs with matching keywords

以下是我的代码

＆＃13;

＆＃13;

$(document).ready(function() {
  $('#search').keyup(function() {
    var val = $(this).val().tolowerCase();
    $(".dosearch").hide();
    $(".dosearch").each(function() {
      var text = $(this).text().tolowerCase();
      if (text.indexOf(val) != -1) {
        $(this).show();
      }
    })
  })
})

＆＃13;

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>

<input type="text" id="search" />

<div class="dosearch">Dele</div>
<div class="dosearch">Ife</div>
<div class="dosearch">Olusola</div>
<div class="dosearch">Lojik</div>
<div class="dosearch">Hazik</div>
<div class="dosearch">Tinuke</div>
<div class="dosearch">Asabi</div>
<div class="dosearch">Bukewami</div>
<div class="dosearch">Obesere</div>
<div class="dosearch">Osupa</div>

＆＃13;

＆＃13;

＆＃13;