Ошибка 400 неверного запроса в Wordpress Ajax запросе

Question

На странице моего отдельного поста я создал кнопку загрузки. Если кто-то нажмет на кнопку, то запустится ajax и с этим запустится моя функция php, я отправляю запрос Ajax в WordPress, но возвращается 404 bad request ошибка.
Вот скриншот:

Вот код:

$('body').on('click', 'a.template_download_button', function(){

    var post_id = $(this).attr('data-postid');
    console.log(post_id);
    console.log(customJSAjax);
    console.log(customJSAjax.ajaxurl);

     $.ajax({
        type : "post",
        url : customJSAjax.ajaxurl,
        data : {action: "template_downloads", post_id : post_id},
        success: function(response) {
             console.log(response);
        }
     });

});

php:

<?php

function inject_scripts() {
    wp_enqueue_script( 'inject-custom-js', get_template_directory_uri() . '/js/custom.js', array(), '20151215', true );
    wp_localize_script( 'inject-custom-js', 'customJSAjax', array( 'ajaxurl' => admin_url( 'admin-ajax.php' )));
}
add_action( 'wp_enqueue_scripts', 'inject_scripts' );

function template_downloads(){
    $post_id = $_REQUEST['post_id'];

    var_dump($post_id);
    die();
}
add_action("wp_ajax_template_downloads", "template_downloads");

Я получаю post_id от атрибута <a> тега data-postid. Я не знаю, почему он возвращает ошибку 400. Пожалуйста, помогите мне