Не получается разобраться с Ajax и getJSON

Привет, есть сервер http://codeit.pro/frontTestTask/user/registration. Который по стандарту возвращает объект:

{"message":"Field 'name' is required","field":"name","status":"Form Error"}

Если я прохожу все этапы валидации в своей форме(на своей странице), то на сервере появляется объект:

{"message":"User created","status":"OK"}

Когда использую следующий код, то получается что даже если я прошел все этапы валидации в консоль(моей страницы) возвращает стандартный объект, а мне нужно получить новый объект. Код:

$("#button").click(function (event) {
    // event.preventDefault();
    $.ajax({
        type: 'POST',
        url: 'http://codeit.pro/frontTestTask/user/registration',
        dataType: "json",
        success: function (data) {
            console.log(data);
        }
    });
});

Цель: после отправки формы получить в консоль(своей страницы), корректный, новый объект. Спасибо

Данные которые нужно отправлять из этой формы

<form id="signUpForm" target="iframe1" method="post" action="http://codeit.pro/frontTestTask/user/registration">
        <!--name-->
        <div class="form-group">               
            <input type="text" name="name" class="form-control" id="name" placeholder="Name">
        </div>
        <!--secondname-->
        <div class="form-group">
            <input value="abcd" type="text" name="secondname" class="form-control" id="secondname" minlength="3" maxlength="60"
                   placeholder="Secondname">
        </div>
        <!--e-mail-->
        <div class="form-group">
            <input value="abcd@abcd.com" type="email" name="email" class="form-control" id="email" placeholder="name@example.com">
        </div>
        <!--gender-->
        <div class="form-group">
            <select class="form-control" name="gender" id="gender">
                <option value="male">Male</option>
                <option value="female">Female</option>
            </select>
        </div>
        <!--password-->
        <div class="form-group">
            <input value="abcd" type="password" name="pass" class="form-control" id="password" placeholder="Password">
        </div>
        <!--checkbox-->
        <div class="form-check">
                <input class="form-check-input" name="checkbox" type="checkbox">
                Conditions of Agreement
            </label>
        </div>
        <!--sendBtn-->
        <button type="submit" class="btn btn-outline-primary" id="button">Send</button>