JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" />
<br/>
<br/>
<div id="selected_obj" style="border:solid 1px black;float:right">

</div>

JavaScript

$("input").autocomplete({
    source: ["Apple", "Boy", "Cat"],
    minLength: 0,
		response: function(event, ui) {
					//console.log(ui);
				},
				select: function(event, ui) {
					addObject(ui.item.value);
					return false;
				},
				focus: function(event, ui) {
					return false;
				},
				close: function(event, ui) {
					if (!$("ul.ui-autocomplete").is(":visible")) {
						$("ul.ui-autocomplete").show();
						$( "#search" ).focus();
					}

				}
});

function addObject(id){
	var div = $('<p>'+id+'</p>').attr({"value":id}); 

	div.appendTo("#selected_obj");
}