ajax цикл - кнопка "подробнее" для карточек

[nvp]

Всем привет! Нужна помощь..
Есть страница с несколькими информационными карточками. Они достаются из базы и выводятся циклом. В каждой карточке есть кнопка "Подробнее", которая должна подгружать дополнительные элементы к карточке.
Есть php файл, который по id достает нужную инфу из базы и выводит на экран.
Собственно проблема в том, чтобы передать с помощью ajax id карточки в файл.
Вот как это у меня в данный момент:
<script type="text/javascript">
$(".infoIconContacts").click(function(){
$(this).parent().nextAll(".infoBlockPlace").load(" moduls/cardMenu.php", "action=contacts&id=1");
});
</script>
Сейчас id статичный, нужно чтобы он был динамичным.. И в php файл отправлялся именно тот id, который соответствует карточке, на которой нажата кнопка "Подробнее".

[nvp]

плохо, наверное, описал задачу:
есть несколько карточек. у каждой свой id. и у каждой кнопка "подробнее". при клике на кнопку "подробнее" должен подгружаться небольшой код, разный для всех карточек. php файл должен принимать id той карточки, по которой нажата кнопка, доставать из базы нужную инфу и ее выводить.

[nvp]

предположим, есть такой код на странице:

<div class='card'>карточка 1</div>
<div id='1' class='cardButton'>Подробнее</div>
<div class='cardMore'></div>
<div class='card'>карточка 2</div>
<div id='2' class='cardButton'>Подробнее</div>
<div class='cardMore'></div>

далее

$(".cardButton").click(function(){
$(this).load("cardMenu.php", "action=contacts&id=??");
});

каким должен быть ajax запрос? как передать именно тот id, который соответствует кнопке "Подробнее"?