JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.min.js"></script>

<input id="searchbox" type="text" name="q" autocomplete="off" value=""/>

CSS

.highlight{background:red}

JavaScript

var itemNames = ['Red Apple', 'Green Apple', 'Blue Apple'];

$('#searchbox').autocomplete({
    source: itemNames,
    autoFocus: false,
    focus: function(event, ui) {
        $("ul.ui-autocomplete li.ui-menu-item a").removeClass("highlight");
        $("ul.ui-autocomplete li.ui-menu-item a").filter(function(index) {
            return $(this).text() == ui.item.value
        }).addClass("highlight");;
    }
});