JQuery事件导致脚本失败

Question

我有一个脚本在$(document).ready(function(){触发时运行正常但是如果被$("#go").click(function(event){触发则失败。 #go是页面上按钮的ID。

我想要的是当我单击按钮将表单变量传递给我的弹性搜索查询并返回结果时。

<script>
$(document).ready(function(){
  $("#go").click(function(event){
    var data = 
    { "query":{"filtered":{ "query":{"match_all":{}}, "filter":{"and":[{"script":{"script":"true"}}]} }}, "fields":["_id", "_title"], "from":0, "size":10, "sort":[]};
    $.ajax({
            url: 'http://localhost:9200/_search',
            type: 'POST',
            //contentType: 'application/json; charset=UTF-8',
            crossDomain: true,
            dataType: 'json',
            data: JSON.stringify(data),
            success: function(response) {
           alert("success!");
                   var data = response.hits.hits;
                    var doc_ids = [];
                    var source = null;
                    var content = '';

                    if (data.length > 0) {
                        for (var i = 0; i < data.length; i++) {
                            source = data[i].fields;
                            doc_ids.push(source._id);
                            content = content + ' ' + source._id + '<br />';
                        }

                        $('#results').html(content);
                    } else {
                        $('#results').html('No results found.');
                    }

                },
                error: function(jqXHR, textStatus, errorThrown) {

                    alert("fail!");

                    var jso = jQuery.parseJSON(jqXHR.responseText);
                    error_note('section', 'error', '(' + jqXHR.status + ') ' + errorThrown + ' --<br />' + jso.error);
                }
            });
    });

});

</script>