Заполнение формы с помощью функции Jquery click

Question

Я пытаюсь создать графический интерфейс, чтобы пользователь мог редактировать любую строку, отображаемую в моей таблице. Мне удалось создать форму, которая появляется, когда пользователь щелкает изображение, которое символизирует значок редактирования. Теперь мне нравится использовать JQuery (если возможно), чтобы заполнить эту форму данными из моей БД. Код ошибки вниз ниже, и я не могу показаться, чтобы получить какие-либо результаты на всех

Script

<script type="text/javascript"> 
$(document).ready(function(){ 
    $('#edit').click(function() { 
     $.ajax({ 
      url: 'edit.php?itemid=$itemid', 
      success: function(response) { 
       $('#itemid').val($itemid); 
       ...... 
       $('#status').val($status); 
      } 
     }); 
    }); 
}); 
</script> 

edit.php

<?php 
$DB = new mysqli("localhost", "root", "", "book1"); 
$result2 = mysqli_query($DB, "SELECT * FROM booking WHERE itemID='$itemid'"); 
while($row = mysqli_fetch_array($result2)){ 
    $itemid = $row['itemID']; 
    ...... 
    $status = $row['status']; 
} 
echo (array($itemid, $userid, $description, $manufacturer, $model, $caldate, $duedate, $shelf, $status); 
?> 

Форму

<div id="light1" class="white_content"> 
      <form id="editform" name="myForm" action="checkout.php" method="POST"> 
       <h2>Edit Instrument</h2> 
       <label>ItemID:</label> 
       <input type="text" id="itemid"/> 
       <br> 
       ...... 
       <a>Status: </a> 
       <input type="text" id="status"/> 
       <br> 
       <input type="submit" value="Accept"> 
       <input href = "javascript:void(1)" onclick = "document.getElementById('light1').style.display='none';document.getElementById('fade').style.display='none'" type="reset" value="Close"> 
       <br> 
      </form> 
     </div> 

Ошибка

ReferenceError: $itemid is not defined 

    $('#itemid').val($itemid); 

Answer 1

изменение

$('#itemid').val($itemid); 

в

$('#itemid').val('<?php echo $itemid; ?>');