$("#searchField").autocomplete({
	method: 'GET', // allows POST as well
	icon: 'arrow-r', // option to specify icon
	target: $('#suggestions'), // the listview to receive results
	source: 'data.cfc?method=search&returnformat=json', // URL return JSON data
	callback: fn(){}, // optional callback function fires upon result selection
	link: 'target.html?term=', // link to be attached to each result
	minLength: 0 // minimum length of search string
	transition: 'fade',// page transition, default is fade
	matchFromStart: true, // search from start, or anywhere in the string
	loadingHtml : '<li data-icon="none"><a href="#">Searching...</a></li>', // HTML to display when searching remotely
	interval: 0, // The minimum delay in milliseconds between server calls when using a remote "source"
	builder : null, // optional callback to build HTML for autocomplete
	labelHTML: fn(){}, // optional callback function when formatting the display value of list items
	onNoResults: fn(), // optional callback function when no results were matched
	onLoading: fn(), // optional callback function called just prior to ajax call
	onLoadingFinished: fn(), // optional callback function called just after ajax call has completed
	dataHandler : fn(), // optional function to convert the received JSON data to the format described below
	klass: 'tinted', // optional class name for listview's <li> tag
	forceFirstChoiceOnEnterKey : true, // force the first choice in the list when Enter key is hit
	transformResponse: fn() //transform your data into useable data to create autoComplete items list, return json obect with
				// label and value attribute e.g. {label : "text to show", value: "hidden value"}
});

[
	"Maine",
	"Maryland",
	"Massachusetts"
]

[
	{
		value: "22",
		label: "Maine"
	},
	{
		value: "23",
		label: "Maryland"
	},
	{
		value: "24",
		label: "Massachusetts"
	}
]

$("#searchField").autocomplete("update", {
	source: [ "foo", "bar", "baz" ],
	minLength: 3,
	callback: function(e) {
		var $a = $(e.currentTarget); // access the selected item
		$('#searchField').val($a.text()); // place the value of the selection into the search box
		$("#searchField").autocomplete('clear'); // clear the listview
	}
});

$("#searchField").autocomplete("update", {
	source: [ "foo", "bar", "baz" ],
	minLength: 3
});

$("#searchField").autocomplete("clear");

$("#searchField").autocomplete("destroy");

$("#searchField").autocomplete({
	target: $('#autocomplete'),
	source: autocompletes
}).bind("targetUpdated.autocomplete", function(e) {
	$.mobile.silentScroll($(e.currentTarget).offset().top);
});