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: http://www.strosechronicle.com