<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);
})
});
button {
display: none;
}
.search:hover button {
display: inline-block;
}
.search {
background: gray;
display: inline-block;
padding: 10px;
}