Estou tentando personalizar uma pesquisa personalizada do Google em duas colunas. Eu realmente gostei do ajax sobre iframe que preenche uma div (padrão div # cse). Mas o problema é que empurra o outro conteúdo para baixo, quebrando a página. Então, eu queria ocultar o conteúdo no div # content quando o botão 'pesquisar' é clicado e mostrar novamente quando o botão 'redefinir' é clicado. Para conseguir isso, tentei vincular um manipulador de eventos de clique ao botão enviar, mas não funciono

$(document).ready(function(){
    $("input.gsc-search-button[type=submit]").click(function(){
        alert("worked"); 
        //hide div#content
    })      
})

Então tentei seguir para verificar se ele vincula o evento. Embora funcionou, não é o que eu quero. A API do Google não fornece nenhum retorno de chamada.

<input id="click" type="button" value="bind event"/>

$(document).ready(function(){
    $("#click").bind('click', function(){
        $("input.gsc-search-button[type=submit]").bind('click', function(){
            alert("worked");
            //hide div#content
        })          
    })
})

Existe alguma maneira de fazer isso?

Obrigado