A simple jquery ui autocomplete

by Ea Bangalore

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css">
<div class="ui-widget">
<label for="tags">Search: </label>
<input id="tags">

<button id="s">
     enable/disable
</button>
</div>

JavaScript

$(function() {
var availableTags = [
"john",
"khair",
"compton",
"Jordan",
"Micheal",
"Peter"
];
$( "#tags" ).autocomplete({
source: availableTags
});

$("#tags").keyup(function() {
  console.log(this.value);

  if(availableTags.indexOf(this.value) > -1 ){
      $('#s').prop('disabled',false);
  }else{
     $('#s').prop('disabled',true);
  }

  });
});