<link rel="stylesheet" href="css/jquery-ui.css">
<script src="js/jquery-1.11.3.min.js"></script>
<script src="js/jquery-ui.js"></script>

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

$( 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});
} );

.ui-autocomplete {position: absolute;top: 0;left: 0;cursor: default; overflow-y: auto;    overflow-x: hidden;max-height: 230px;
}

$( ".selector" ).autocomplete({appendTo: "#someElem"
});

$( ".selector" ).autocomplete({autoFocus: true
});

$( ".selector" ).autocomplete({delay: 500
});

$( ".selector" ).autocomplete({disabled: true
});

$( ".selector" ).autocomplete({minLength: 0
});

$( ".selector" ).autocomplete({source: [ "c++", "java", "php", "coldfusion", "javascript", "asp", "ruby" ]
});

$( ".selector" ).autocomplete( "close" );

$( ".selector" ).autocomplete( "destroy" );

$( ".selector" ).autocomplete( "disable" );

$( ".selector" ).autocomplete( "enable" );

var isDisabled = $( ".selector" ).autocomplete( "option", "disabled" );

var options = $( ".selector" ).autocomplete( "option" );

$( ".selector" ).autocomplete( "option", "disabled", true );

$( ".selector" ).autocomplete( "option", { disabled: true } );

_renderItem: function( ul, item ) {return $( "<li>" ).attr( "data-value", item.value ).append( item.label ).appendTo( ul );
}

_renderMenu: function( ul, items ) {var that = this;$.each( items, function( index, item ) {that._renderItemData( ul, item );});$( ul ).find( "li:odd" ).addClass( "odd" );
}

_resizeMenu: function() {this.menu.element.outerWidth( 500 );
}

$( ".selector" ).autocomplete({change: function( event, ui ) {}
});

$( ".selector" ).on( "autocompletechange", function( event, ui ) {} );