search bar script in html page

See more:

Javascript

jQuery

CSS3

HTML5

This is the script I have included in my search-results.htm page along with it
in body section in para tag foll. code. If any string is entered in the search bar, it is not searching the website, but it is searching the google. I want it to search the website first and then google.

<p style="text-align:justify">
                               <gcse:searchresults-only></gcse:searchresults-only>
                           </p>

<form  action="http://sysaptechnologies.com/sysap_data_files/search-results.htm">
            	<input value="FORID:11" name="cof" type="hidden"> 
            	<input value="005037316513311643510:bqpsfhldzd4" name="cx" type="hidden">


                    
                    	
                        	<input name="q" id="q" value="Search" onfocus="if(this.value=='Search') {this.value='';}"  önblur="if(this.value=='') {this.value='Search';}" class="bar" type="text">
                        
                        <input value="Search" class="go backcolr" type="submit">
                    
                    </form>>

<script>
  (function() {
    var cx = '005037316513311643510:bqpsfhldzd4';
    var gcse = document.createElement('script');
    gcse.type = 'text/javascript';
    gcse.async = true;
    gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
        '//www.google.com/cse/cse.js?cx=' + cx;
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(gcse, s);
  })();
</script>
<gcse:search></gcse:search>