JSFiddle - React, Tailwind, and code Playground

by Vikram Deshmukh

HTML

<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
<div class="ui-widget">
  <label for="tags">Tags: </label>
    <input id="tags" ></input>
</div>

JavaScript

$(function(){
    var availableTags = [{"label" : "Aragorn"},
        {"label" : "Arwen"},
        {"label" : "Bilbo Baggins"},
        {"label" : "Boromir"},
        {"label" : "Frodo Baggins"},
        {"label" : "Gandalf"},
        {"label" : "Gimli"},
        {"label" : "Gollum"},
        {"label" : "Legolas"},
        {"label" : "Meriadoc Merry Brandybuck"},
        {"label" : "Peregrin Pippin Took"},
        {"label" : "Samwise Gamgee"}
        ];
    $( "#tags" ).autocomplete({source: availableTags});
});