customFilter

filter.js

/*
* Requires Bootstrap CSS for .hide and .show
* or your own CSS, or use $(this).hide() & $(this).show()
* @ listObj is the list to be sorted
*************************************************
* Example Usage: $('#input').customFilter('#ul');
*************************************************
*/
jQuery.fn.customFilter = function(listObj) {
	var $list  = listObj;
	var $input = this;
	var $lis   = $list.children();
	$input.on('input', function() {
	  var term = $input.val();
	  $.each($lis, function() {
	    isContains = $(this).text().indexOf(term) > -1;
	    if( isContains ) {
	      $(this).addClass("show").removeClass("hide");
	    } else {
	      $(this).addClass("hide").removeClass("show");
	    }
	  });
	});
	return this;
}