JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<input id="university" name="university" type="text" />

JavaScript

$(function() {
            var jsonsample = [{"value":"Stanford University","name":"Stanford University"},{"value":"Santa Clara University", "name":"Santa Clara University"}]
	     
	    $('#university').autocomplete({
	 
	            minLength: 2,
	
	            source: jsonsample,
	 
	            focus: function(event, ui) {
	                $('#university').val(ui.item.name);
	                return false;
	            },
	 
	            select: function(event, ui) {
	
	                $('#university').val(ui.item.name);
				 
				                return false;
	            }
	        })
		 

		        .data( "ui-autocomplete" )._renderItem = function( ul, item ) {
		            return $( "<li></li>" )
		                .data( "item.autocomplete", item )
		 
		                .append( "<a>" + item.name + "</a>" )
		                .appendTo( ul );
		        };

	    });