Demo of Autocomplete in JQuery UI

Search :

Once you move out ( blur ) of autocomplete input box the selected item will appear here:
Press tab or click outside the input box after selecting the option.

Words available : source:["PHP", "JQuery", "JavaScript", "HTML", "ASP", "Perl", "MySQL","Access","Excel","Dot Net"]

HTML

<input id=auto_c>

<div id=d1>Search :  </div>

jquery

<script>
$(document).ready(function() {
////////////////
$( "#auto_c" ).autocomplete({
  source: [ "PHP", "JQuery", "JavaScript", "HTML", "ASP", "Perl", "MySQL","Access","Excel","Dot Net" ],
  minLength:0,
  change: function( event, ui ) {
	  $('#d1').html( " <b>Triggered Change event:  </b> " + $(this).val() );
  }
 });
///////////////
/*
$("#auto_c").on("autocompletechange", function(event,ui) {
    $('#d1').html( " <b>Search :  </b> " + $(this).val() );
});
*/
////////////////
</script>