ajax выборочная подгрузка html кода

[nvp]

есть такой код:

<?php
for($i=0; $i<count($select); $i++) {
echo "
<p>Карточка $i</p>
<div class='more'>Подробнее</div>
<div class='cardMore'></div>";
}
?>

За вывод дополнительной информации отвечает отдельный файл, например, function.php. В него нужно передать переменную $i, соответствующую нажатой кнопке.

Подскажите, пожалуйста, какой мне составить ajax запрос к этому файлу? Нельзя ведь поместить его внутрь цикла? Но тогда непонятно как отловить $i, чтобы передать в файл.

[moskitos80]

Серверный код, генерирующий страницу:

<?php for($i=0; $i<count($select); $i++) : ?>
    <p>Карточка <?php echo $i ?></p>
    <div class="more" data-more-id="<?php echo $i ?>">
        Подробнее...
    </div>
    <div class="cardMore"></div>
<?php endfor ?>

В этом же файле нужно отдать такой JS

<!-- jquery - подключаешь при необходимости //-->
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script>
    (function ($) {
        $(".more").on("click", function () {
            var resDiv = $(this).next(".cardMore");
            $.get("function.php", { id: $(this).data("more-id") }, function(data){
                resDiv.html(data);
            });
        });
    }(jQuery));
</script>