Рекурсивный идентификатор кнопки в jquery

Question

Я сгенерирую некоторые кнопки рекурсивно, и вот как они получают свой идентификатор:

<button class="btn btn-primary" id="<?php echo $speelgoedid?>" >TERUGBRENGEN</button>

Мне нужно передать этот идентификатор в вызов JQuery / AJAX:

$(document).ready(function(){
$(".btn-class").click(function(){
  var spid=$(this).attr("id");
    $.ajax({
                url:'insert.php',
                method:'POST',
                data:{
                    spid:spid
                },
               success:function(data){
                   $("#spid").focus();location.reload();

               }
            });
  });
});

код файла insert.php:

$speelgoedid=$_POST['spid'];

и его использование для выполнения запроса.

Когда я проверяю значение spid в файле insert.php, там ничего нет.

Есть предложения?

Answer 1

Как правильно указал PeterKA, кнопки имеют не класс btn, а btn-primary. Исправление это решило проблему. Спасибо за все ответы.

Answer 2

Разве вы не пропустите точку с запятой в конце кода php?

Как это:

id="<?php echo $speelgoedid;?>"