Почему когда я вешаю запрос на форму, то в ответ приходит error, а когда на див, то success?

[Sentim]

Здравствуйте. Почему когда я вешаю запрос на форму, то в ответ приходит error, а когда на див, то success?

p.s с ajax знаком первый день, потому хотелось бы получить развернутый ответ. Спасибо.

Форма:

<form action="" method="post" class="login_form">
    <input class="login" name="login" type="text" placeholder="Введите логин">
    <input class="password" name="password" type="password" placeholder="Введите пароль">
    <input class="log_form_submit" name="authorization" type="submit" placeholder="отправить">
</form>

А вот див:

<div class="knopka">Нажми меня</div>

Если мы обращаемся к диву, то соответственно $(".log_form_submit") меняем на $(".knopka")
Обработчик:

$(document).ready(function() {
    $(".log_form_submit").click(function(){
       $.ajax({
           type: 'POST',
           url: ajaxLogIn.url,
           data: {
               test: 'Тестовый запрос',
               action: 'login_me'
           },
           // beforeSubmit: '',
           success: function(res){
               console.log(res);
           },
           error: function(){
               console.log('Ошибка');
           }
       })
    })
});

function.php

PHP код:

wp_localize_script('routeuser.js', 'ajaxLogIn', ['url' => admin_url( 'admin-ajax.php') ]);
add_action( 'wp_ajax_login_me', 'login_me');
add_action( 'wp_ajax_nopriv_login_me', 'login_me');

function login_me(){
      if(isset($_POST['test'])){
        echo $_POST['test'] . ' ';
    }
    wp_die('Запрос завершен');
} 


[Alar]

перенёс в раздел Ajax

[Naive]

Не отрублено дефолтное поведение формы. Добавь в конце клика return false;
ps. Лучше вешать событие submit на форму, а не на click на кнопку сабмита.
pps. return false; в jQuery отрубает всплытие события и дефолтное поведение. Аналог

event.stopPropagation();
event.preventDefault();

в нативном JS.
всплытие
дефолт