JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css">
<input id='searchfor' /> <input id='search' type='search' value='search' />
<div id='results'></div>
JavaScript
var availableTags = ['hi', 'hey', 'yo', 'sup'];
$(document).ready(function() {
$('#searchfor').on('keyup',function(e) {
if (e.which == 13){
$('#search').trigger('click');
$('#searchfor').blur();
}
});
$('#searchfor').autocomplete({
source: availableTags,
minLength: 2,
select: function( event, ui ) {
$('#searchfor').val(ui.item.value);
$('#search').trigger('click');
}
});
$('#search').on('click',function() {
$('#results').load('http://fiddle.jshell.net/dirtyd77/tVEBj/11/show/');
});
});