JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://code.jquery.com/ui/1.8.20/themes/base/jquery-ui.css">
<script src="http://code.jquery.com/ui/1.8.20/jquery-ui.js"></script>
<input id="autocomplete"> <span id="x"></span>

JavaScript

var tags = [ "c++", "java", "php", "coldfusion", "javascript", "asp", "ruby" ];
$( "#autocomplete" ).autocomplete({
    source: function( request, response ) {
            var matcher = new RegExp( "^" + $.ui.autocomplete.escapeRegex( request.term ), "i" );
            response( $.grep( tags, function( item ){
                return matcher.test( item );
            }) );
        },
        open: function(event, ui)
        {
            $("#x").html("XXX");
        },
        select: function(event, ui)
        {
            $("#x").html("AAA");
            $(this).autocomplete('search', 'cold');
        },
});