JSFiddle - React, Tailwind, and code Playground

by Bhesh Gurung

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/ui-darkness/jquery-ui.css">

<table cellspacing="10">
    <tr>
        <td>
            <input type="text" class="autoClass"/>
        </td>
        <td>
            <input type="text" class="autoClass"/>
        </td>
    </tr>
    <tr>
        <td>
            <input type="text" class="autoClass"/>
        </td>
        <td>
            <input type="text" class="autoClass"/>
        </td>
    </tr>
</table>

JavaScript

$(".autoClass").autocomplete({
    minLength: 0,
    source: ["Hello", "World", "Animal", "Zoo"]
});


$(".autoClass").focus(function() {
    $(this).autocomplete("search", "");    
});