Jquery UI Autocomplete onselect

by Chance Nursey-Bush

HTML

<div class="ui-widget">
    <label for="tags">Tags:</label>
    <input id="tags" />
    <div id="tagsname"></div>
</div>

CSS

#tagsname{
    height:100px;
    width:300px;
    border:1px solid #000;
    
}

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 ) {
            //$(this).val('');
            //$('#tagsname').text(function(){
            //    return $(this).text() == '' ? 'You selected: ' + ui.item.value : $(this).text()+ ', '+ui.item.value;
            //});
            return false;
        }
    });
});