Proper WordPress Search Box

searchform.php

<?php
/**
 * Theme Default Search Box
 */
?>
<form role="search" method="get" id="searchform" action="<?php echo home_url( '/' ); ?>">
	<div id="searchsubmit" class="dashicons dashicons-search" /></div>
    <input type="search" value="" name="s" id="s" placeholder="Search"/>
    <input type="submit" id="submitsearch" value=""/>
    <script>
    	jQuery(document).ready(function($) {
    		jQuery( "#searchsubmit" ).on( "click", function() {
				jQuery( "#submitsearch" ).trigger( "click" );
    		});
    	});
    </script>
</form>

searchform.scss

#searchform {
	input[type="search"] {
		resize: none;
	}
	input[type="submit"] {
		height: 0px;
		padding: 0px;
		width: 0px;
		opacity: 0;
	}
	#searchsubmit {
		position: relative;
		float: right;
		margin-bottom: -20px;
		padding-top: 8px;
		margin-right: 10px;
	}
}