سلام وقت بخیر 

شرمنده من میخوام به صورت ایجکس لوکیشن‌ها رو ارسال کنم طبق آموزش رفتم جلو ولی دکمه ثبت میزنم هیچ اتفاقی نمی‌افته 

ممنون میشم بگین کجا اشتباه کردم ممنون 

این کد‌های که زدم :

$(document).ready(function () {
    $('form#formid').submit(function (e) {
        e.preventDefault();
        var form = $(this);
        var result_tag = form.find('ajax-result');
        $.ajax({
            url: form.attr('action'),
            method: form.attr('method'),
            data: form.serialize(),
            success: function (response) {
                result_tag.html(response);
            }
        })

    <div class="modal-overlay">
        <div class="row-fild">
         <h3 class="title">ثبت لوکیشن</h3>
         <span class="close">X</span>
        </div>
        <div class="content">
            <span class="title">مختصات: </span>
            <input type="text" name="lat" id="lat-display" >
            <input type="text" name="lng" id="lng-display">
        </div>
        <div class="content1">
            <h3 class="title1">نام مکان: </h3>
            <form id="formid" action="<?php echo  site_url('libs/addlocation.php')?>" method="POST">
                <input type="text" name="" placeholder="دفتر مرکزی">
            </form>
        </div>
        <div class="content2">
            <h3 class="title1">نوع: </h3>
           <select name="type" class="select">
             <?php foreach(locationtypes as $key=>$value): ?>
            <option value=<?= $key?>><?=$value ?></option>
              <?php endforeach; ?>
              </select>
    </div>
    <div class="content2">
   <!-- <h3 class="title1">نوع: </h3> -->
   <form id="formid" action= "<?= site_url ('libs/addlocation.php')?>" method="POST">
   <input   type="submit" value="ثبت">
     <div class="ajax-result"></div>
   </form>
    </div>