JSFiddle - React, Tailwind, and code Playground

by SirDerpington

HTML

<link rel="stylesheet" href="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.16/themes/black-tie/jquery-ui.css">
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<input class="field_values" />
<br>
<input class="field_values" />
<br>
<input class="field_values" />
<br>
<input class="field_values" />

JavaScript

$(document).ready(function () {
        var projects = [{
            value: "jquery",
            label: "jQuery",
            desc: "the write less, do more, JavaScript library",
            icon: "jquery_32x32.png"
        }, {
            value: "jquery-ui",
            label: "jQuery UI",
            desc: "the official user interface library for jQuery",
            icon: "jqueryui_32x32.png"
        }, {
            value: "sizzlejs",
            label: "Sizzle JS",
            desc: "a pure-JavaScript CSS selector engine",
            icon: "sizzlejs_32x32.png"
        }];
        $(".field_values").autocomplete({
            source: projects,
            create: function () {
                $(this).data('ui-autocomplete')._renderItem = function (ul, item) {
                    return $('<li>')
                        .append('<a>' + item.label + '<br>' + item.value + '</a>')
                        .appendTo(ul);
                };
            }
        });
    });