jQueryUI 1.8.14 Autocomplete

HTML

<script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.14/jquery-ui.min.js"></script>
<link rel="stylesheet" href="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.14/themes/black-tie/jquery-ui.css">
<input type="text" id="auto" />

CSS

.ui-autocomplete-category {
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    background: green;
    padding: 4px;
}

JavaScript

var data = [
	{ label: "Location #1", category: "city" },
	{ label: "Location #2", category: "city" },
	{ label: "Location #3", category: "city" },
	{ label: "Location #4", category: "city" },
	{ label: "Location #5", category: "city" },
	{ label: "Location #6", category: "city" },
	{ label: "Location #7", category: "city" },
	{ label: "Location #8", category: "city" },
	{ label: "Location #9", category: "city" },
	{ label: "Location #10", category: "city" },
	{ label: "Location #11", category: "city" },
	{ label: "Location #12", category: "city" },
	{ label: "Location #13", category: "city" },
	{ label: "Location #14", category: "city" },
	{ label: "Location #15", category: "city" },
	{ label: "Location #16", category: "city" },
	{ label: "Location #17", category: "city" },
	{ label: "Location #18", category: "city" },
	{ label: "Location #19", category: "city" },
	{ label: "Location #20", category: "city" },
	{ label: "Location #21", category: "city" },
	{ label: "Location #22", category: "city" },
	{ label: "Location #23", category: "city" },
	{ label: "Location #24", category: "city" },
	{ label: "Location #25", category: "city" },
	{ label: "Person #1", category: "people" },
	{ label: "Person #2", category: "people" },
	{ label: "Person #3", category: "people" },
	{ label: "Person #4", category: "people" },
	{ label: "Person #5", category: "people" },
	{ label: "Person #6", category: "people" },
	{ label: "Person #7", category: "people" },
	{ label: "Person #8", category: "people" },
	{ label: "Person #9", category: "people" },
	{ label: "Person #10", category: "people" },
	{ label: "Person #11", category: "people" },
	{ label: "Person #12", category: "people" },
	{ label: "Person #13", category: "people" },
	{ label: "Person #14", category: "people" },
	{ label: "Person #15", category: "people" },
	{ label: "Person #16", category: "people" },
	{ label: "Person #17", category: "people" },
	{ label: "Person #18", category: "people" },
	{ label: "Person #19",...