Выполнить внешнюю ajax функцию изнутри jquery диалоговую кнопку

Question

Я отделяю свой код, создавая отдельный файл для моих вызовов jquery / ajax со страницы cs html. Мой javascript файл уже внешний. Однако файл jquery / ajax не вызывается, и мне интересно, если мой синтаксис неправильный.

, вызывающий CS HTML:

<script src="~/Scripts/Ajax.js" type="text/javascript"></script>
<script>
   Savedialog = $("#Savedialog-form").dialog({
        autoOpen: false,
        height: 225,
        width: 350,
        modal: true,
        buttons: {
            "Save": function () {
                //alert("test");
                SubmitTrxn;
            }


            ,Cancel: function () {
                Savedialog.dialog("close");
            }
        },
        close: function () {
            form[0].reset();
            allFields.removeClass("ui-state-error");
        }
    });`

Ajax. js содержание:

function SubmitTrxn() {
alert("test");

    TrxnName = $('#TrxnName').val().toString();
    TrxnDesc = $('#TrxnDesc').val().toString();
    {
        $.ajax({
            type: "POST",
            url: "/MyTransactions/DoesUserTransactionExistInDB",
            data: { 'TrxnName': TrxnName, 'TrxnDesc': TrxnDesc },
            success: function (result) {
                if (result === "True") {
                    Overwritedialog.dialog("open");
                }
                else {
                    SaveTrxn();
                }
            }
        });
    }
    Savedialog.dialog("close");

return;