Why I click the button but no response?

Why I click the button but no response?

Here is my image.

In my asp.net mvc page, I want to click the "Merge" button then popup a dialog, however nothing happened. What is wrong?

  1. Source:<br /> <input type="text" name="Source">
    <button id="sourceBtn" class="btn btn-inverse btn-sm" onclick="LookupAccountBalance1();">
        Verify
    </button><br><br /><br />
    Target: <br /> <input type="text" name="Target">
    <button id="tagretBtn" class="btn btn-inverse btn-sm" onclick="LookupAccountBalance2();">
        Verify
    </button><br /><br /><br />

    <button id="mergeBtn" class="btn btn-inverse btn-sm">
        Merge
    </button>
    <div id="dialog_box" style="display:none;" align="right">
        Really Merge?
    </div>
    @section Scripts {
        <script>
            $('#mergeBtn').click(function () {
                $('#dialog_box').dialog({
                    title: 'Really merge the accounts?',
                    width: 500,
                    height: 200,
                    modal: true,
                    resizable: false,
                    draggable: false,
                    buttons: [{
                        text: 'Yes',
                        click: function () {
                            //merge
                        }
                    },
                    {
                        text: 'No',
                        click: function () {
                            $(this).dialog('close');
                        }
                    }]
                });
            });
        </script>
    }