jquery - ボタンからのjqueryデータテーブルクリックイベント

Question

私はjqueryが初めてです。これは jquery.datatables での私の最初の試みであり、うまくいきました。ボタンがクリックされた場合（以下のコードの更新ボタン）のように、グリッドを更新したいと思います。しかし、クリックイベントは発生しません。助けてください。

@{
    Layout = "~/Views/Home/JQDataTableEditableLayout.cshtml";
}

@section head{

<script language="javascript" type="text/javascript">
    var oaddrTable;

    $(document).ready(function () {

        oaddrTable = $('#addrTable').dataTable({
            "bJQueryUI": true,
            "sPaginationType": "full_numbers",
            "iDisplayLength": 100,
            "aLengthMenu": [[50, 100, 300, -1], [50, 100, 300, "All"]],
            "bProcessing": true,
            "bServerSide": true,
            "sAjaxSource": '/Home/AjaxIndexDataProvider',
            "bAutoWidth": true,
            "bDeferRender": true,
            "sScrollX": "100%",
            "sScrollXInner": "120%",
            "sScrollY": 500,
            "bScrollCollapse": true,

            "aoColumns": [
                                    { "sName": "AddressID", "bSearchable": false, "bSortable": false, "bVisible": false },
                                    { "sTitle": "Address Line 1", "sName": "AddressLine1", "bSearchable": false, "bSortable": true },
                                    { "sName": "AddressLine2", "bSearchable": false, "bSortable": true },
                                    { "sName": "City", "bSearchable": false, "bSortable": true,
                                        "mRender": function (data, type, full) {
                                            return '<a href="http://www.google.com.au?city=' + data + '">' + data + '</a>';
                                        }
                                    },
                                    { "sName": "PostalCode", "bSearchable": false, "bSortable": true }
                         ]

        }).makeEditable({
            "sUpdateURL": "/Home/UpdateData"
        });


        $('#Refresh').on('click', function () { alert('aaaaaaaaaaa'); });


    });           //ready


        </script>
}

<button id="Refresh" type="button">Refresh</button>
<div id="demo"  style="width:1000px;">
    <h2>Ajax example</h2>


    <button id="btnAddNewRow" value="Ok">Add new address...</button> 
    <button id="btnDeleteRow" value="cancel">Delete selected address</button>
    <table id="addrTable" class="display">
        <thead>
            <tr>
                <th>AddressID</th>
                <th>AddressLine1</th>
                <th>AddressLine2</th>
                <th>City</th>
                <th>PostalCode</th>

            </tr>
        </thead>
        <tbody> 
        </tbody>
    </table>
</div>

よろしくお願いします。