JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css">
<div id="tabs">
<ul>
<li><a href="#tab1">First Tab</a></li>
<li><a href="#tab2">Second Tab</a></li>
</ul>
<div id="tab1">
Test: <input id="autocomplete" type="text">
</div>
<div id="tab2">Nothing here</div>
</div>
JavaScript
$( "#autocomplete" ).autocomplete({
source: function( req, resp ) {
$.post( "/echo/json/", {
json: '["1", "2", "3", "4", "5"]',
delay: 2
}, function(data) {
resp( data );
}, "JSON" );
}
});
$( '#tabs' ).tabs();