Как исправить ajax фильтр?

Пишу фильтр на с использованием ajax, который выдает пост по содержанию кастомного поля.

jQuery(function(){
    jQuery('#test').submit(function(){
        var filter = jQuery('#test');
        var ajaxurl = '<?php echo site_url() ?>/wp-admin/admin-ajax.php';
        jQuery.ajax({
            url:ajaxurl,
      data:filter.serialize(),
      type: 'POST',
success:function(data){
                jQuery('#ajax-test').html(data);
        }
        });
        return false;
    });
});

Вот сам ajax запрос, и в первую очередь грешу на него, хотя ошибок не вижу.

<form id="test">
        <input name="the-date"></input>
  <input type="hidden" name="action" value="date_filtering" />
    <button type="submit">Отфильтровать</button>
</form>
<div id="ajax-test"></div>

Форма из которой я беру данные и блок, в который вывожу результат

function events_date_filter() {
$the_date = $_POST['the-date'];
if( isset( $the_date ))
$notargs = array(
'post_type' => 'events',
'showposts' => 3,
'meta_key' => 'event_time',
'orderby' => 'meta_value_num',
'order' => 'ASC',
'meta_query' => array(
    array(
        'key' => 'event_date',
        'value' =>$the_date,
        'compare' => 'IN',
    )
)
);
query_posts( $notargs );
$query = new WP_Query( $notargs );
    if( $notargs->have_posts() ) :
        while( $notargs->have_posts() ): $notargs->the_post();
            echo '<h2>' . $notargs->post->post_title . '</h2>';
        endwhile;
        wp_reset_postdata();
    else :
        echo 'Что-то пошло не так';
    endif;
}
add_action('wp_ajax_date_filtering', 'events_date_filter');
add_action('wp_ajax_nopriv_date_filtering', 'events_date_filter');

И php обработчик. Как говорится, в теории должно работать, но нет. В ответ от admin-ajax.php получаю ошибку 400, в не зависимости от того, я делаю. С начала решил, что data передается не корректно, сделал beforeSend с console.log(data) и вроде как получил корректные данные, необходимые для передачи.