Google Custom Search
Integrate with Self Design Search Bar
search-result.html
<body>
<div>
<gcse:searchresults-only></gcse:searchresults-only>
</div>
</body>
index.html
<form id="search-form">
<input id="search-input" type="text"/>
<input type="submit" value="submit"/>
</form>
index.js
$("#search-form").submit(function (event) {
event.preventDefault();
location.href = location.protocol + "//" + location.host + "/search?q=" + $("#search-input").val();
});