JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css">
<script src="http://code.jquery.com/ui/1.9.1/jquery-ui.js"></script>
<div class="ui-widget">
<label for="tags">Tags: </label>
<input id="tags" />
</div>
<input type="button" id="button" value="Invoke" />
JavaScript
var availableTags = [ "ActionScript", "ColdFusion", "JavaScript", "PHP"];
$("#tags").autocomplete({
source: availableTags,
select: function(event, ui)
{
var a = $(this);
setTimeout(function() {
a.autocomplete("search");
}, 50);
},
response: function(event, ui)
{
console.log(ui.content);
}
});
$("#button").click(function() { $("#tags").autocomplete("search").focus(); })