php - bpopup プラグインは、ループされた PHP スクリプトで 1 つの div 要素を関連付けます

Question

ページに複数のポップアップ リンクがあり、リンクごとに複数のコンテンツがある bpopup を使用しています。JQuery を各リンクに関連付けるために、[id^="div_name"] を使用します。JS は以下のとおりです。

$(document).ready(function()
{
    console.log( 'ready!' );
    $('[id^="click"]').bind('click', function(){
    $('[id^="profile"]').css('display','inline');
    $('[id^="profile"]').bPopup({
       modalClose: true
      , opacity: .8
      , positionStyle: 'fixed' 
      , fadeSpeed: 'slow'
      , followSpeed: 'slow'
      });
   });
});

対応する PHP スクリプトには次のものがあります。

<?php
foreach($listings as $listing)
{   
        <a id="click" href="some url"><?php echo $listing->profile_link;?></a>
        <div id="profile" style="background-color:#fff; width:400px; height:400px; display:none; "><?php echo $listing->company_name; ?></div>
     }

リストはすべて popup アクションに関連付けられています。ただし、それらの内容は前回と同じ$listings->company_nameです。ただし、コンテンツには個別の会社名を付けてほしい。同じ div-id を使用していることに気付き、ブラウザーでコンテンツがレンダリングされた後、最後の 1 つがすべてのポップアップに関連付けられます。これを回避するにはどうすればよいですか?