JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/black-tie/jquery-ui.min.css">
<form id="myForm" name="myForm" method="post">
    <input id="addButton" name="addButton" type="button" value="Add an input" />
</form>

JavaScript

$(function() {
    var options = {
        source: [
            "ActionScript",
            "AppleScript",
            "Asp",
            "BASIC",
            "C",
            "C++",
            "Clojure",
            "COBOL",
            "ColdFusion",
            "Erlang",
            "Fortran",
            "Groovy",
            "Haskell",
            "Java",
            "JavaScript",
            "Lisp",
            "Perl",
            "PHP",
            "Python",
            "Ruby",
            "Scala",
            "Scheme"
            ],
        minLength: 2
    };

    var addInput = function() {
        var inputHTML = " <input name='search' value='' class='searchInput' maxlength='20' />";
        $(inputHTML).appendTo("form#myForm");        
        $("input.searchInput:last").autocomplete(options).focus();
    };

    if (!$("form#myForm").find("input.searchInput").length) {
        addInput();
    }

    $("input#addButton").click(addInput);
});