<input id="states" type="text">
<input id="courses" type="text">
--- script ---
$('#states').typeahead({
source: ["Alabama", "Alaska", "Arizona", ..., "Wyoming"]
});
$('#courses').typeahead({
addItem: 'Add New Course',
items: 6,
source: function (query, process) {
var baseUri = 'https://area10.nwc.edu/NwcWebApi/nwc/Colleague/GetCourses';
return $.get(baseUri, { q: query }, function (data) {
var arr = [];
for (var i = 0; i < data.length; ++i) {
arr.push(data[i].CRS_NAME);
}
return process(arr);
});
}
});