Website Reloads when Search Box is Selected

When a user selects the search box in the header of my website, the page begins to reload. It seems to be an issue across browsers, and I can’t seem to find out where in my code the issue is.

The code for the header section:

<div id='topNavBar' onclick="location.href='<?php echo home_url(); ?>' ">
	<form method="get" id="searchform" action="<?php bloginfo('home'); ?>/">
<div><input type="text" size="18" value="<?php echo wp_specialchars($s, 1); ?>" name="s" id="s" />
<input type="submit" id="searchsubmit" value="Search" class="btn" />
</div>
</form>
	<div id='title'  title="The Saint Rose Chronicle" onclick="location.href='<?php echo home_url(); ?>' ">
	 </div>
</div>

…and the code for the search bar:

<form role="search" method="get" class="search-form" action="<?php echo home_url( '/' ); ?>">
	<label>
		<span class="screen-reader-text">Search for:</span>
		<input type="search" class="search-field" placeholder="Search …" value="" name="s" title="Search for:" />
	</label>
	<input type="submit" class="search-submit" value="Search" />
</form>

The website in question is: https://www.strosechronicle.com