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" />
<div id="dialog">
    <input id="new-item" />
</div>

JavaScript

$("#dialog").dialog({ autoOpen: false });

$("#auto").autocomplete({ 
    source: ['hi', 'bye', 'foo', 'bar'],
    change: function (event, ui) {
        var newItem = !ui.item;
        
        if (newItem) {
            $("#new-item").val(this.value);
            $("#dialog").dialog("open");
        }
    }
});