<script type="text/javascript" src="http://code.jquery.com/jquery.js"></script>
<script type="text/javascript" src="jquery.select-filter.min.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $('select.class').selectFilter();
    });
</script>

$('select.class').selectFilter();

Any of the following attributes can be inside a dictionary to `selectFilter()`.  These options highlight jQuery.select-filter's default settings.

$('select.class').selectFilter({
    // Filtering should be case sensitive.
    'caseSensitive': false,

    // The filter box will be cleared when the user presses the Escape key.
    'clearInputOnEscape': true,
    
    // If true, disable any regex the user enters into the search box.
    'disableRegex': true,

    // The class to apply to the filter bar.
    'filterClass': 'filter-bar',

    // The placeholder text for the filter bar.
    'inputPlaceholder': 'type to filter list',
    
    // The minimum number of characters at which to begin the filtering process.
    'minimumCharacters': 3,
   
    // The minimum size attribute (number of rows) for the element this plugin is called upon.
    // If the element is less than this size, its size will be updated accordingly.
    'minimumSelectElementSize': 3,

    // Amount of time to delay filtering (in ms) after a key is pressed.
    'searchDelay': 200,

    // Begin searching (strictly) from the beginning of each <option> of the calling element.
    'searchFromBeginning': false,

    // The width for the select element and its input filter box.
    // If -1, both the select element and its filter box have their size set to the width of
    // the select element before any filtering occurs.
    'width': -1
});