jQuery and PHP in while loop

我的目标是在while循环中有一个可点击的链接"查看详细信息"，列出所有"酒吧"，这将弹出一个弹出模式，将显示pub_details.php？id=x，其中x是相应的ID号。

我需要有关如何将id #传递给jquery，如何使其成为"可关闭的弹出模式"以及直到单击"查看详细信息"才能打开它的帮助。

这是我的标头jQuery代码，我遇到了一些问题。

<script>
$(document).ready(function() {
$.ajax({
    url: "pub_details.php?id=",
    success: function(data){
    $("#content").html(data);
  }   
});
$("#content").dialog(
    {
        bgiframe: true,
        autoOpen: false,
        height: 100,
        modal: true
    }
  );
});
</script>

这是我的索引.php页面中的代码

$q = "SELECT * FROM ".TBL_PUBS." WHERE status = 'Pending' OR status = 'Active' ORDER BY date_created DESC LIMIT 5 ";
$result = $mysql->query($q);
while($row = $result->fetch_object()) {
  echo $row->id;
  echo "<button id='content'>$row->id</button>";
}