пытаюсь загрузить php файл с ajax

Question

Я новичок в ajax Я пытаюсь создать веб-сайт для фильмов, поэтому мне нужно ajax, чтобы изменить серверы для видео, но я не могу этого сделать, сколько я пробовал div, который я хочу показать, вообще не отображаются вот мои коды

HTML

    <?php
$get = $data->show(" SELECT * FROM servers ");
foreach ($get as $row) {
 $id=$row['server_id'];
 $name=$row['server_name'];
 $link=$row['link'];
 $movie=$row['film_name'];


?>
            <button type="button" id="btn" class="btn btn-warning"><?php echo "$name"; ?></button> 
            <input type="hidden" id="serverid" value="<?php echo $id ?>">
        <?php } ?>
<div id="show">

</div>

AJAX

    <script type="text/javascript">
    $(document).ready(function (){

        $('#btn').click(function (){
var serverid = $('#serverid').val()


$.ajax({
    url:"../../control/operation/index/view_movie.php",
    method:"POST",
    data:{serverid:serverid},
    success:function(data)
    {
$("#show").html(data);
    }
});

        });
    });
</script>

view_mov ie. php

    if (isset($_POST['serverid'])) {

    $id=$_POST['serverid'];
    $getuser = $data->getdata(" SELECT * FROM servers WHERE server_id='$id' ");
    $link=$getuser['link'];


} ?>




<div class="row">
        <div class="col-md-2"></div>
          <div class="col-md-8"> 
            <div class="embed-responsive embed-responsive-16by9">
  <iframe class="embed-responsive-item" src="<?php echo $link ?>" allowfullscreen></iframe>
</div>
          </div>

ничего не отображается в div, который вызвал show