JSFiddle - React, Tailwind, and code Playground

HTML

<h2>jQuery UI Autocomplete - Default functionality</h2>
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css" />
    <script src="http://code.jquery.com/jquery-1.8.2.js"></script>
    <script src="http://code.jquery.com/ui/1.9.1/jquery-ui.js"></script>
    <link rel="stylesheet" href="/resources/demos/style.css" />
    <script>
    $(function() {
        var availFirstNames = [
            "Adam", "Anna", "Anita",
            "Bert", "Bob", "Chuck", "Claudia", "Douche", "Ernie",
            "Gib", "Henry", "Jesus", "John", "Lisp", "Perl",
            "PHP", "Python", "Ruby", "Scala", "Scheme"
        ];
        var availLastNames = availFirstNames;
        $( "#FirstName" ).autocomplete({
            source: availFirstNames
        });
        $( "#LastName" ).autocomplete({
            source: availLastNames
        });        
    });
    </script>
</head>
<body>
 
<div class="ui-widget">
    <label for="tags">Names: </label>
    <input id="FirstName" />
    <input id="LastName" />
</div>