я пытался вводить данные без загрузки страницы, но не работает, когда я пытался поставить стиль с начальной загрузкой

Question

данные не будут сохранены в базе данных, когда я использую начальный загрузчик, я пытался просто оставить форму и кнопку и оформить их с помощью таблицы, все работает отлично, я не думаю, что есть проблема сinputagent.php, потому что я попытался применить действие к файлу в форме, я новичок в javascript и так далее, поэтому я не совсем понимаю, что происходит в теге script

<form id="agent" class="form-horizontal" style=" width: 60%; margin: auto;" method="post">
            <div class="form-group">
                <label class="control-label col-sm-2">Kode Agent</label>
                <div class="col-sm-10">
                    <input type="text" class="form-control" required="" name="IdAgent">
                </div>
            </div>
            <div class="form-group">
                <label class="control-label col-sm-2">Nama Agent</label>
                <div class="col-sm-10">
                    <input type="text" class="form-control" required="" name="NamaAgent">
                </div>
            </div>
            <div class="form-group">
                <label class="control-label col-sm-2">No Telp</label>
                <div class="col-sm-10">
                    <input type="text" class="form-control" required="" name="NoTelpAgent">
                </div>
            </div>
            <div class="form-group">
                <label class="control-label col-sm-2">Alamat</label>
                <div class="col-sm-10">
                    <textarea class="form-control" rows="2" required="" name="AlamatAgent"></textarea>
                </div>
            </div>
            <div class="form-group">
                <label class="control-label col-sm-2">Pemilik</label>
                <div class="col-sm-10">
                    <select class="selectpicker showtick form-control" title="Pilih Pemilik" required="" name="IdPemilik">
                        <option value="1">Agus</option>
                        <option value="2">Wawan</option>
                        <option value="3">Komang</option>
                    </select>
                </div>
            </div>  
            <div class="form-group" align="center">
                <button type="submit" id="simpan" class="btn btn-info">Simpan</button>
                <button type="reset" class="btn btn-danger">Reset</button>
            </div>
        </form>
<!-- end of form -->





<!-- start of js-->
<script type="text/javascript">
        $(document).ready(function(){
            $("#simpan").click(function(){
                var data = $('#agent').serialize();
                $.ajax({
                    type: 'POST',
                    url: "inputagent.php",
                    data: data
                });
            });
        });
</script>
<!-- end of js-->


<!-- start of inputagent.php-->
<?php
    include "koneksi.php";
    $IdAgent=$_POST['IdAgent'];
    $NamaAgent=$_POST['NamaAgent'];
    $NoTelpAgent=$_POST['NoTelpAgent'];
    $AlamatAgent=$_POST['AlamatAgent'];
    $IdPemilik=$_POST['IdPemilik'];


        $sql="insert into tbagent values ('$IdAgent','$NamaAgent','$NoTelpAgent','$AlamatAgent','$IdPemilik')";
        $query=mysql_query($sql);
?>
<!-- end of inputagent.php-->