There are 11 different examples of search effects that you will find it inspirational.
jQuery.mark is a jQuery plugin to highlight text with diacritics, synonyms, custom elements, custom class names, separate word search (multiple terms), filter selectors, word boundary and iframe support. Compatible with DataTable.
A tutorial about creating search form with advanced filtering options and quick link suggestions with CSS and jQuery.
A search results page is made up of individual components, also known as widgets. Widgets are UI components for either the search input (search bar, facets/filters, etc.) or the search output (actual results).
A tutorial about adding client side search filter to Bootstrap tables by using jQuery and CSS.
jQuery Autocomplete plugin is a lightweight simple and easy in settings autocomplete like Google.
It gives a search preview from Json object(s) via same domain Ajax request or cross domain jsonp and offers data compression inside Local Storage.
AnySearch.js is a jQuery plugin to direct search in browser with barcode scanner support.
fuzzyDropdown converts a select box into a fuzzy searchable dropdown.
fuzzyDropdown proxies your interactions to the underlying
select box. Also, the dropdown is fully navigable via arrow keys.
Columns is an easy way of creating JSON data into HTML tables that are sortable, searchable, and paginating. All you need is to provide the data, and Columns will do the rest.
Searches text in list items on the page, hides unmatched items.