JAVASCRIPT

search functionality in jquery

<input id="search-date1" class="pull-right" value="" placeholder="Search Material" type="text"/>
  $('#search-date1').keyup(function(){
  var value = this.value.toLowerCase();
  $('.modal_iterator_row').each(function(){
    var id = $(this).text().toLowerCase();
    $(this).toggle(id.indexOf(value) !== -1);
  })
});

jquery search button

button {
  display: none;
}
.search:hover button {
  display: inline-block;
}
.search {
  background: gray;
  display: inline-block;
  padding: 10px;
}