title: Bind click event to 'search' button in Google Custom Search
body: <p>I am trying to customize a two column Google custom search. I really liked the ajax over iframe which populates a div (default div#cse). But the problem is it pushes the other contents down breaking the page. So I wanted to hide the contents in div#content when 'search' button is clicked and show again when 'reset button is clicked'. To achieve this i tried the to bind a click event handler to the submit button but it didn't work.</p>
  
  <pre><code>$(document).ready(function(){
      $("input.gsc-search-button[type=submit]").click(function(){
          alert("worked"); 
          //hide div#content
      })      
  })
  </code></pre>
  
  <p>Then I tried following to check if it binds the event. Though it worked its not what I want. The google api do not provide any such callback. </p>
  
  <pre><code>&lt;input id="click" type="button" value="bind event"/&gt;
  
  $(document).ready(function(){
      $("#click").bind('click', function(){
          $("input.gsc-search-button[type=submit]").bind('click', function(){
              alert("worked");
              //hide div#content
          })          
      })
  })
  </code></pre>
  
  <p>Is there any way I can do this?</p>
  
  <p>Thanks.</p>