проблема заключается в получении идентификатора в metarialize css modalbox. У меня проблемы только при получении

Question

---

вложение картинки, я хочу получить идентификатор при нажатии кнопки редактирования для обновления кода. Я предоставил все учетные данные и код, прилагаемый к нему.

эта кнопка запускает модальное поле, также см. Прикрепленный к ней код ниже.

<button class="edit_data btn orange modal-trigger"  data-id="'.$row[0].'" data-toggle="modal" data-target="modal1">Edit</button>

edit. php

              <?php
                /**
   for display full info. and edit data
  */
    // start again
   $con=mysqli_connect('localhost','root','','db');  // this one in error
      if(isset($_REQUEST['id'])){
      $id=intval($_REQUEST['id']);
      $sql="select * from blo WHERE id=$id";
      $run_sql=mysqli_query($con,$sql);
      while($row=mysqli_fetch_array($run_sql)){
         $per_id=$row[0];
         $per_heading=$row[1];
      }?>
     <form class="col s12" method="post">
     <div class="row">
    <div class="input-field col s12">
          <input placeholder="Placeholder"  type="text"  id="tname" name="txtname" value="<?php echo $per_id;?>">
          <label for="tname">id</label>
        </div>
    </div>
  <div class="row">
    <div class="input-field col s12">
          <input placeholder="Placeholder"  type="text"  id="txtname" name="txtname" value="<?php echo $per_heading;?>">
          <label for="txtname">heading</label>
        </div>
    </div>
    <button type="submit" class="btn">update & Save</button>
</form>

главная страница

      <!-- Modal Structure -->
      <div id="modal1" class="modal">
         <div class="modal-content" >
         </div>
       </div>

ajax

 <script>
       $(document).ready(function(){
         $('select').material_select();
         $('.modal').modal();
 $("#modal1").click( function(e){
            e.preventDefault();
            var per_id=$(this).data('id');
            alert(per_id);
            $('.modal-content').html('');
            $.ajax({
                url:'include/edit.php',
                type:'POST',
                data:'id='+per_id,
                dataType:'html'
            }).done(function(data){
                $('.modal-content').html('');
                $('.modal-content').html(data);
            }).fial(function(){
                $('.modal-content').html('<p>Error</p>');
            });
        });

  });
</script>