Account Auto Suggest

jquery.autocompleteme.js

// HTML Response Autocompleter plugin
jQuery.fn.autocompleteme = function(options) {
    return $(this).each(function() {
        var input = $(this);
        var settings = jQuery.extend({
                url: '/accounts/autocomplete',
                delay: 250,
                resultsSelector: input.selector+'.results'
            }, options);
        var req = null;
        var timeout = null;
        var cache = {};
        
        input.keyup(function(e) {
            e.preventDefault();
            clearTimeout(timeout);
            timeout = setTimeout(function() {
                clearTimeout(timeout);
                var formVal = input.val();
                if (formVal !== '') {
                    // Cancel the pending request so we don't have to wait for it to come back
                    if (req !== null && req.readyState < 4) {
                        req.abort();
                    }
                    if (!cache[formVal]) {
                        req = $.get(settings.url, 'q='+formVal, function(data) {
                            cache[formVal] = data;
                            if (input.val() === formVal) {
                                input.parent('form').find(settings.resultsSelector).html(data);
                            }
                        }, 'html');
                    } else {
                        input.parent('form').find(settings.resultsSelector).html(cache[formVal]);
                    }
                } else {
                    input.parent('form').find(settings.resultsSelector).html('');
                }
            }, settings.delay);
        });
    });
};