JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" name="search" placeholder="Click one of the list items"  />
<div id="search">
	<ul>
		<li class="trigger">Name 1</li>
		<li class="trigger">Name 2</li>
		<li class="trigger">Name 3</li>
		<li class="trigger">Name 4</li>
	</ul>
</div>

JavaScript

$(document).ready(function(){
	$(this).on('click','.trigger', function(e) {
		var content	=	$(this).html();
		$("input[name=search]").val(content);
	});
});