Javascript 将单击事件绑定到'；搜索'；谷歌自定义搜索中的按钮

我正在尝试自定义一个两列的谷歌自定义搜索。我真的很喜欢ajax而不是iframe，它填充了一个div（默认div#cse）。但问题是它会将其他内容推到页面下方。因此，我想在单击“搜索”按钮时隐藏div#content中的内容，并在单击“重置按钮”时再次显示。为了实现这一点，我尝试将click事件处理程序绑定到submit按钮，但没有成功

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

然后，我尝试跟踪检查它是否绑定了事件。虽然成功了，但这不是我想要的。谷歌api不提供任何此类回调

<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
        })          
    })
})

$（文档）.ready（函数（）{
$（“#单击”）.bind（'click'，function（）{
$（“input.gsc搜索按钮[type=submit]”）。绑定（'click'，function（）{
警惕（“已工作”）；
//隐藏div#内容
})          
})
})

我有什么办法可以做到这一点吗

---

谢谢。

搜索框是在window.onload之后用google js api创建的，因此.bind（）失败。使用jquery.live（）解决了该问题

---

搜索框是在window.onload之后使用google js api创建的，因此.bind（）失败。使用jquery.live（）解决了该问题

$("input.gsc-search-button[type=submit]").live('click',showResults);
$(".gsc-clear-button").live('click', hideResults);