Изменение содержимого оверлея на основе идентификатора, извлеченного из базы данных

Question

У меня есть страница, на которой есть список компаний, извлеченных из базы данных mysql.Каждое название компании является ссылкой, и при нажатии появляется наложение, содержащее дополнительную информацию об этой конкретной компании.

Все работает ... Мой список создан, ссылка выводит наложение, но на данный момент это толькозаполняет информацию о компании, которая является последней записью.Я знаю, что мне нужно передать идентификатор записи в jquery, чтобы он извлекал запись для кликаемого имени, но я просто недостаточно знаком с jquery, чтобы понять это.Я считаю, что мне нужно передать его параметру, но нужно подтолкнуть его в правильном направлении.Ниже мой текущий код с только основами, я передал уникальный идентификатор для каждой записи через mid="<?php echo $member->member_id; ?>"> в ссылке ... Мне просто нужно передать это наложение.

<p>
<li><a href="#" class="modalInput" rel="#profile2" mid="<?php echo $member->member_id; ?>"><?php echo $member->company_name; ?></a>
</li>

</p>



<!-- Profile Overlay -->
<div class="modal2" id="profile2">


    <dl>
        <dt>Address:</dt>

        <dd><?php echo $member->address_city; ?>

        <dt>Phone Number:</dt>
        <dd><?php echo $member->phone; ?></dd>

    </dl>

    <!-- close button -->
    <p>
        <button class="close"> Close </button>
    </p>
</div>

<script>

$(document).ready(function() {

var triggers = $(".modalInput").overlay({


    // mask tweaks
    mask: {
        color: '#ebecff',
        loadSpeed: 200,
        opacity: 0.9
    },

    closeOnClick: false
});


});

</script>