JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/themes/base/jquery-ui.css">
<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<div class="ui-widget">
    <label for="tags">Tags: </label>
    <input class="ui-widget ui-widget-content ui-corner-all" id="tags">
</div>

CSS

body { font: 62.5% Verdana,Arial,sans-serif }
input { padding: 0.3em }

JavaScript

var data=[ "c++", "java", "php", "coldfusion", "javascript", "asp", "ruby", "python", "c", "scala", "groovy", "haskell", "perl" ];

$( "#tags" ).autocomplete({
    //source: data
    
    source: function(request, response) {
        var results = $.ui.autocomplete.filter(data, request.term);
        
        response(results.slice(0, 2));
    }
});