The jQuery jFilter plugin is a simple method for returning relevant results from a users query of an ordered/unordered list. It also highlights the word or segment to show the user visibly the accuracy of matches and where in the word or phrase the match is made.

Demo:

Click here to view the jFilter demo in action.

Implementation:

Implementation is done by simply calling the jquery core, the plugin itself, and instantiating the input and associating it with the list it is to filter.

$('#filter').jfilter({
 list: '#filterable',
 speed: 100,
 highlight: 'highlight' // Class name with no "."
});

Download

Download the jQuery jFilter plugin here.