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

$("#input").keyup(function() {
            var enabled = $.inArray(this.value, availableTags) >= 0 ? "enable" : "disable";

$('#s').prop('disabled',);

        });
});