JSFiddle - React, Tailwind, and code Playground

HTML

<div id="search-bar">
	<form id="search-bar-form">
		<input id="search-bar-input"> value to find
		<a href="#" id="search-barbtn">Search</a>	
	</form>
</div>

<div id="search-bar-page">
	<form id="search-bar-page-form">
		<input id="search-bar-page-input"> value to find on page
		<a href="#" id="search-bar-page-btn">Search</a>
	</form>		
</div>

JavaScript

$().ready(function() {

	$("#search-bar-page-btn").on("click", function(){
		$("#search-bar-input").val("");
		$("#search-bar-page-input").val("");
	});
});