Test Case Boilerplate

Fork this way...

HTML

<script src="http://code.jquery.com/ui/jquery-ui-git.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/jquery-ui-git.css">
<body>  
   <div class="ui-widget">
    <label for="tags">Tags: </label>     
    <input id="tags" /> 
   </div>
</body>

JavaScript

$(function() {         
        var availableTags = ["ActionScript","AppleScript","Asp","BASIC","C","C++","Clojure",
"COBOL","ColdFusion","Erlang","Fortran","Groovy","Haskell",
"Java","JavaScript","Lisp","Perl","PHP","Python","Ruby","Scala",
"Scheme"];
        $( "#tags" ).autocomplete({
            source: availableTags,
            select: function( event, ui ) {
                console.log(ui);
                alert('select : '+ui.item.value);
                return false;
            },
            change: function(event, ui) {
                console.log(ui);
                if(!ui.item)
                    console.log('change : item is null');
                else
                    console.log('change : '+ui.item.value);
                return false;
            }
        });
    });