function nextStep() {


    $("#donationComplete").fadeTo(0,0);
    $("#processing").fadeTo(200,1);
    $("#authError").css("display", "none"); // clear it each time

    if ($('#donateForm').valid()) {
        //Calc price on server
        $.ajax({
            url: '/Donate/Complete',
            type: 'POST',
            dataType: 'html',
            data: JSON.stringify({
                "Donater.BillFirstName": $("#BillFirstName").val(),
                "Donater.BillLastName": $("#BillLastName").val(),
                "Donater.BillAddress1": $("#BillAddress1").val(),
                "Donater.BillAddress2": $("#BillAddress2").val(),
                "Donater.BillCity": $("#BillCity").val(),
                "Donater.BillState": $("#BillState").val(),
                "Donater.BillZip": $("#BillZip").val(),
                "Donater.BillPhone": $("#BillPhone").val(),
                "Donater.EmailAddress": $("#EmailAddress").val(),
                "Donater.CCLastFour": $("#CCLastFour").val(),
                "Donater.CCCVV": $("#CCCVV").val(),
                "Donater.CCExpiryYear": $("#CCExpiryYear").val(),
                "Donater.CCExpiryMonth": $("#CCExpiryMonth").val(),
                "Donater.TempAmount": parseInt($("#TempAmount").val()),
                "Donater.CommunicationFlag": parseInt($("#comms:checkbox:checked").val())
            }),

            contentType: 'application/json; charset=utf-8',
            success: function (data) {
                var obj = jQuery.parseJSON(data);
                if (obj.success == true) {
                    $("#authError").css("display", "none");
                    $("#processing").hide();
                    $("#donationForm").fadeOut(400);
                    $("#thankyou").delay(600).fadeTo(800, 1);
                    $("html, body").animate({ scrollTop: 0 }, 600);
                } else {
                    // something broke :(
                    $("#processing").fadeTo(200, 0);
                    $("#donationForm").fadeTo(1, 1);
                    $("#authError").html(obj.error);
                    $("#authError").css("display", "inline");

                }
            },
            error: function (xhr, status, error) {
                alert(xhr.responseText);
            },
            complete: function () {
            }
        });
    }
}



























