jquery - JQuery イベントによりスクリプトが失敗する

Question

起動されたときに正常に実行されるスクリプトがありますが$(document).ready(function(){、起動され $("#go").click(function(event){た場合は失敗します。#goページ上のボタンの ID です。

私が欲しいのは、ボタンをクリックしてフォーム変数を Elastic Search クエリに渡し、結果を返すときです。

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