Jquery готовая функция с вызовами click и ajaxForm

Question

Я действительно новый, работающий с JQuery, и у меня есть ошибка в моем коде. Следующий фрагмент кода работал отлично, когда пользователь нажимает кнопку "Button", он загружает файл в div содержимого.

 $(document).ready(function() {

        $('.Button').click(function() {
        var href = $(this).attr('href');

        if( typeof href != "undefined" && href != ""){
            $.ajax({
                url: href,
                dataType: 'text',
                success: function(data) {
                            $('#content').html(data);
                            ultXML = href;
                }
            });
        }
    });

});

Но сейчас я пытаюсь использовать плагин JQuery Form (с этим примером http://www.malsup.com/jquery/form/), и он не работает (вызов ajaxForm), я не могу понять, как объединить следующий код в моем оригинальный код. Я пробую много способов, например сделать 2 готовых функции, но это также не работает,

 $(document).ready(function() { 
            // bind 'myForm' and provide a simple callback function 
            $('#myForm').ajaxForm(function() { 
                alert("Thank you for your comment!"); 
            }); 
        }); 

Где я должен поместить следующий кусок кода в мою оригинальную готовую функцию? Как можно объединить оба?

 $('#myForm').ajaxForm(function() { 
                alert("Thank you for your comment!"); 
            });

Answer 1

Как это, работа?

$(document).ready(function() {

$('.Button').click(function() {
    var href = $(this).attr('href');

    if( typeof href != "undefined" && href != ""){
        $.ajax({
            url: href,
            dataType: 'text',
            success: function(data) {
                        $('#content').html(data);
                        ultXML = href;
            }
        });
    }
});

$('#myForm').ajaxForm(function() { 
    alert("Thank you for your comment!"); 
});

});