Отправить имя формы в JS / jQuery & Serialize

Question

Работает, когда входные данные пусты, но как только они имеют значение, ничего не возвращается.

ОБНОВЛЕНИЕ: если я отправляю форму без ввода данных, затем вводю данные и отправляю снова, ничего не возвращается.

НОВОЕ ОБНОВЛЕНИЕ: я не включил созданную мной функцию для обработки ошибок. Эта функция, кажется, вызывает проблему как-то. Я добавляю код ниже. Когда функция удаляется из кода, ошибка не возникает.

Ошибка Функция

function showError(id){
        $('html,body').animate({scrollTop: $("#"+id).offset().top},'slow');
        $("#"+id).css( "background-color", "#ffcece" );
        $("#sendBtn").attr("onclick","sendForm()");
        $('#sendBtn').css("background-color", "#29559c");
        document.getElementById('sendBtn').innerHTML = "Submit Application";
        $('#frm-err').css("color", "red");
        $('#frm-err').html('Please fill out the entire application');
}

HTML

<form name="membershipForm" id="membershipForm" onsubmit="return false">
    <input required type="text" id="Name" name="Name" placeholder="Name">
    <input required type="text" id="Pin" name="Pin" placeholder="Pin">
    <button id="sendBtn" onclick="sendForm(form.name);return false;">Submit</button>
</form>

JS / JQuery

function sendForm(formName) {       
    var formData = $("#"+formName).serialize().replace(/\+/g,'%20');
    alert(formData);
}

Answer 1

В функции обработки ошибок я сбрасывал onclick, но не включил (form.name).