Открытие модального окна по id
Из БД выводится информация о номерах.У кнопки есть id номера. Как сделать чтобы по нажатию на кнопку открывалась модальное окно этого номера?
$(document).ready(function(){
$('.open-modal').click(function(){
$('#myModal').modal('show');
});
});
<?php
$name=$_POST['name'];
$people=$_POST['people'];
$datearrive=$_POST['date'];
$dateliave=$_POST['date1'];
?>
<?php
$con=mysqli_connect("localhost","root","","hotel");
$result=mysqli_query($con,"Select * from room where (datestart < '$datearrive' or dateend >'$dateliave') ");
while ($row=mysqli_fetch_array($result)){
$id_room=$row['id_room'];
$adres=$row['name'];
$price=$row['price'];
?>
<section class='section section-md bg-secondary-4 text-center text-sm-left' style='padding-top: 65px;'>
<div class='shell'>
<div class='range range-50 range-md-justify range-sm-reverse'>
<div class='cell-sm-6 cell-md-5'>
<?php
echo" <h2 ><a href='book.php?room=$id_room'>$adres</a></h2>";
?>
<p></p>
<a class='button button-primary button button-square button-effect-ujarak button-lg' href='#'> <span>Подробнее</span></a>
<input id = "<?php echo "$id_room"; ?>" type="button" class="btn btn-primary open-modal" value="Забронировать">
</div>
</div>
</div>
</section>
<?php
}
?>
<form action="reserve.php">
<div id="myModal" class="modal fade" >
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title"><?php echo "$adres" ?></h4>
</div>
<div class="modal-body">
<input class="form-input" id="contact-first-name" type="text" name="name" value="<?php echo "$name" ?>" placeholder="Имя" data-constraints="@Required">
<p class="text-uppercase">Дата заезда</p>
<label class="form-label form-label-icon" for="date-in"><span class="icon icon-primary fa-calendar"></span><span>Check-in Date</span></label>
<input class="form-input" type="date" id="date" name="date"/>
<p class="text-uppercase">Дата выезда</p>
<label class="form-label form-label-icon" for="date-out"><span class="icon icon-primary fa-calendar"></span><span>Check-out Date</span></label>
<input class="form-input" id="contact-first-name" type="date" id="date" name="date1"/>
<p class="text-uppercase">Количество человек</p>
<input class="form-input" id="contact-first-name" type="text" name="people" value="<?php echo "$people" ?>" placeholder="Имя" data-constraints="@Required">
</div>
<div class="modal-footer">
<button class="button button-primary button-square button-block button-effect-ujarak" type="submit" name="submit" ><span>Забронировать </span></button>
</div>
</div>
</div>
</div>
</form>