jQuery UI Autocomplete Default / Recent

A recent search dropdown for jquery ui autocomplete.

by Preston Badeer

HTML

<input type="text">

JavaScript

var i = $('input'),
    recent = ['recent', 'and stuff'],
    all = ['asfd', 'asdf', 'asdf', 'asdf'];

i.autocomplete({
    minLength: 0,
    source: recent
}).focus(function () {
    i.autocomplete("search");
}).on('keyup keydown change', function () {
    if (i.val() === "") {
        i.autocomplete("option", "minLength", 0);
        i.autocomplete("option", "source", recent);
    } else {
        i.autocomplete("option", "minLength", 3);
        i.autocomplete("option", "source", all);
    }
});