How to create input suggestions with JQuery

I'm struggling to create an input field that auto-suggests from a list of strings. I've been trying a few different tutorials and finally looked at a pretty simple example from the official documentation, but for some reason I just can't get anything to work.

This is the html for the input box

<div id="searchfield">
<input type="text" id="CollegeNameInput" class="form-control biginput" placeholder="Search for your University"  onkeydown="submitCollegeNameForm(event)">
</div>

and the javascript to complement it is

$("#CollegeNameInput").autocomplete({
lookup: collegeList,
onSelect: function (suggestion) {
    alert('you selected '+suggestion.value+' which has data'+suggestion.data);
}
});

I've placed the full html file here and the full javascript file here in case these samples aren't enough. There's a few commented out lines here and there as I've changed a few things around from a tutorial I'd been following.

The idea is that I'd like people to start typing the name of their university and a list of suggestions will pop up from them to select from. For whatever reason I can't seem to get the jquery UI plugin to make any suggestions show up at all. Any suggestions would be greatly appreciated!