Using JQuery to bind to click events in MVC

$(document).ready(function () {
            alert("hi");
            debugger;
            $(".openDialog").on("click", function (e) {
                alert("BBH");
                e.preventDefault();

                $("<div></div>").addClass("dialog").attr("id", $(this).attr("data-dialog-id")).appendTo("body").dialog({
                        title: $(this).attr("data-dialog-title"),
                        close: function () { $(this).remove(); },
                        modal: true,
                        width: 600,
                        left: 0,
                    })
                .load(this.href);
            });



            $(".close").on("click", function (e) {
                e.preventDefault();
                $(this).closest(".dialog").dialog("close");
            });
        })

@Html.ActionLink("Register here", "RegisterUser", "login", null, new { @class = "openDialog", data_dialog_id = "aboutdialog", data_dialog_title = "register new user" })