JSFiddle - React, Tailwind, and code Playground

HTML

<input type = 'text'class = 'search'>
    <div class = 'college'>When I click mango it should be red</div>

JavaScript

var termTemplate = "<span class='ui-autocomplete-term'>%s</span>";
$('.search').autocomplete({
    source: ['mango','table','orange'],
    open: function(e,ui) {
        var
        acData = $(this).data('autocomplete'),
            styledTerm = termTemplate.replace('%s', acData.term);
        acData.menu.element.find('a').each(function() {
            var me = $(this);
            me.html( me.text().replace(acData.term, styledTerm) );
            
        });
    }
});

$('.ui-autocomplete').on('click', '.ui-menu-item', function(){
    $('.college').trigger('click');
});
$('.college').click(function(){
    $('.college').css('color','red');
});