Using jQuery to Toggle a Search Box

header.php

<div id="sarea">
	<form id="searchform" action="<php echo home_url( '/' ); >" method="get" role="search">
		<input id="s" type="text" name="s" value="" placeholder="Search Here & Hit Enter">
	</form>
</div>

<a href="#" id="sbutton"> Search </a>

main.js

$("#sbutton").click(function () {
	$('#sarea').toggle();
});

style.css

#sarea {
	visibility: hidden;
}