JSFiddle - React, Tailwind, and code Playground

HTML

<script>
    $(function() {
        var availableTags = [
            "ActionScript",
            "AppleScript",
            "Asp",
            "BASIC",
            "C",
            "C++",
            "Clojure",
            "COBOL",
            "ColdFusion",
            "Erlang",
            "Fortran",
            "Groovy",
            "Haskell",
            "Java",
            "JavaScript",
            "Lisp",
            "Perl",
            "PHP",
            "Python",
            "Ruby",
            "Scala",
            "Scheme"];
        $("#tags").autocomplete({
            source: availableTags
        });
    });
</script>
</head>
<body>
    <div class="ui-widget">
        <label for="tags">Tags:</label>
        <input id="tags" />
    </div>
    <div id="output"></div>

JavaScript

$(function () {
    $('#tags').keyup(function () {
        $('div#output').text($(this).val());
    });

    //$('#tags').change(function () {
      //  $('div#output').text($(this).val());
   // });

    //$('#tags').on("input change keyup click", function () {
      //  $('div#output').text($(this).val());
    //});
});