Отправка модальных в php (ajax)

У меня проблемы с отправкой моей модальной формы на мою страницу php. Я впервые изучаю ajax, и у меня возникают проблемы с этим на моей веб-странице. У меня нет проблем при загрузке моих данных в мой модальный режим. Единственное, с чем у меня проблемы, это Обновить. Я использую PDO для своей базы данных.

Вот мой модальный код:

<div class="modal fade" id="myModal" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">&times;</button>
<h4 class="modal-title">Special Sales</h4>
</div>
<div class="modal-body">
<form method="post" id="update_form">
<label for="bulk">Bulk/Wholesale:</label>
<input type="number" class="form-control textboxsize"  value="0.00"  id="bulk" name="bulk">
<br />
<label for="offsite">OFFSITE:</label>
<input type="number" class="form-control textboxsize"  value="0.00"  id="offsite" name="offsite">
<br />
<label for="cater">CATERING:</label>
<input type="number" class="form-control textboxsize"  value="0.00"  id="cater" name="cater">
<br />
<label for="others">OTHERS:</label>
<input type="number" class="form-control textboxsize"  value="0.00"  id="others" name="others">
<br />
<input type="hidden" name="table_id" id="table_id" />
<input type="submit" name="update" id="update" value="UPDATE" class="btn btn-success" />
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>

Вот мой AJAX:

<script>
$(document).ready(function(){
$('#add').click(function(){
$('#update').val("update");
$('#update_form')[0].reset();
});
$(document).on('click', '.edit_data', function(){
var table_id = $(this).attr("id");
$.ajax({
url:"fetchdata.php",
method:"POST",
data:{table_id:table_id},
dataType:"json",
success:function(data){
$('#bulk').val(data.BULK);

$('#table_id').val(data.ID);
$('#update').val("UPDATE");
$('#myModal').modal('show');
}
});
});
$('#update_form').on("submit", function(){
// event.preventDefault();
$.ajax({
url:"update.php",
method:"POST",
data:$('#update_form').serialize(),
beforeSend:function(){
$('#update').val("UPDATING");
},
success:function(data){
$('#update_form')[0].reset();
$('#myModal').modal('hide');
$('#record_table').html(data);
}
});

});

});
</script>

Вот мой php код для update.php:

include 'dbconn/database.php';

$bulk = $_POST["bulk"];
$offsite = $_POST["offsite"];
$cater = $_POST["cater"];
$others = $_POST["others"];

$id = $_POST["table_id"];

$query = $conn->prepare("UPDATE sales set BULK = '$bulk' where ID = $id");
$query->execute();