Form with array

We'll never share your email with anyone else.
var countriesArray = $.map(countries, function (value, key) { return { value: value, data: key }; });// Setup jQuery ajax mock:$.mockjax({    url: '*',    responseTime: 2000,    response: function (settings) {        var query = settings.data.query,            queryLowerCase = query.toLowerCase(),            re = new RegExp('\\b' + $.Autocomplete.utils.escapeRegExChars(queryLowerCase), 'gi'),            suggestions = $.grep(countriesArray, function (country) {                 // return country.value.toLowerCase().indexOf(queryLowerCase) === 0;                return re.test(country.value);            }),            response = {                query: query,                suggestions: suggestions            };        this.responseText = JSON.stringify(response);    }});$('#country').autocomplete({    lookup: countriesArray,    minChars: 1,    onSelect: function (suggestion) {        $('#selection-country').html('You selected: ' + suggestion.value);    },    showNoSuggestionNotice: true,    noSuggestionNotice: 'Sorry, no matching results',    groupBy: 'category'});

Form with two array

We'll never share your email with anyone else.
var nhlTeams = ['Atlanta', 'Boston', 'Buffalo', 'Calgary', 'Carolina', 'Chicago', 'Colorado', 'Columbus', 'Dallas', 'Detroit', 'Edmonton', 'Florida', 'Los Angeles', 'Minnesota', 'Montreal', 'Nashville', ];var nbaTeams = ['New Jersey', 'New Rork', 'New York', 'Ottawa', 'Philadelphia', 'Phoenix', 'Pittsburgh', 'Saint Louis', 'San Jose', 'Tampa Bay', 'Toronto Maple', 'Vancouver', 'Washington'];var nhl = $.map(nhlTeams, function (team) { return { value: team, data: { category: 'Section A' }}; });var nba = $.map(nbaTeams, function (team) { return { value: team, data: { category: 'Section B' } }; });var teams = nhl.concat(nba);// Initialize autocomplete with local lookup:$('#city').autocomplete({    lookup: teams,    minChars: 1,    onSelect: function (suggestion) {        $('#selection').html('You selected: ' + suggestion.value);    },    showNoSuggestionNotice: true,    noSuggestionNotice: 'Sorry, no matching results',    groupBy: 'category'});

Simple Autocomplete

// Initialize autocomplete with custom appendTo:$('#autocomplete-dynamic').autocomplete({    lookup: countriesArray});

Custom Suggestion Container


// Initialize autocomplete with custom appendTo:$('#autocomplete-custom-append').autocomplete({    lookup: countriesArray,});