Сериализация jquery не получает заполненные значения

Question

Я хочу сериализовать данные формы, используя jquery.

$('#genaricLogin').click(function () {

            //form id   
        console.log( $("#genaricLoginForm").serialize());
    });

, но он записывает только имена полей ввода в консоли, а не значения полей.

email=&password=

Яиспользуя ту же функцию для двух других форм на той же странице, работающие нормально.

$('#singupHost').click(function () {


    $(this).prop("disabled", true);
    // add spinner to button
    $(this).html(
        `<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span> Processing...`
    );

    axios.post('dinesignup' , $("#signup-host-ajax").serialize())
        .then(function (response) {
            // handle success
            if($.isEmptyObject(response.data.error)){

                $(".alert-danger").css('display','none');
                window.location.href = "<?php echo base_url();?>";

            }else{

                $(".alert-danger").css('display','block');
                $(".alert-danger").html(response.data.error);
                $('#singupHost').prop("disabled", false);

                $('#singupHost').html(
                    `Sign up me`
                );
            }
            console.log(response);
        })
        .catch(function (error) {
            // handle error
            console.log(error);
        })
        .finally(function () {
            // always executed
        });
});

в основном я использую запрос Axios для отправки данных.