我已经写了一个简单的表单& AJAX 函数，应该张贴表单的数据。
有人能帮我确定为什么这是失败的张贴？
小提琴

HTML格式

<div id="lp-pom-form-25">
  <form method="POST">
    <div class="row">
      <div class="col-6">
        <label>First Name <input id="your_first_name" name="your_first_name" type="text" /></label>
        <label>Last Name <input id="your_last_name" name="your_last_name" type="text" /></label>
        <label>Company Name <input id="your_company_name" name="your_company_name" type="text" /></label>
        <label>Email Address <input id="your_work_email" name="your_work_email" type="text" /></label>
      </div>
      <div class="col-6">
        <label>Referrals First Name <input id="your_referrals_first_name" name="your_referrals_first_name" type="text" /></label>
        <label>Referrals Last Name <input id="your_referrals_last_name" name="your_referrals_last_name" type="text" /></label>
        <label>Referrals Company Name <input id="your_referrals_company_name" name="your_referrals_company_name" type="text" /></label>
        <label>Referrals Email Address <input id="your_referrals_email_address" name="your_referrals_email_address" type="text" /></label>
        <label>Referrals Phone Number <input id="your_referrals_phone_number" name="your_referrals_phone_number" type="text" /></label>
        <label>How did you hear about us? <input id="how_did_you_hear_about_electrics_referral_program" name="how_did_you_hear_about_electrics_referral_program" type="text" /></label>
      </div>
      <button type="submit">
      Submit
      </button>
    </div>
  </form>
</div>

jQuery查询器

jQuery(document).ready(function () {

  jQuery("form").submit(function (e) {
  
    e.preventDefault();
    
    var form = jQuery(this);
  
    var formData = {
      your_first_name: jQuery("#your_first_name").val(),
      your_last_name: jQuery("#your_last_name").val(),
      your_company_name: jQuery("#your_company_name").val(),
      your_work_email: jQuery("#your_work_email").val(),
      your_referrals_first_name: jQuery("#your_referrals_first_name").val(),
      your_referrals_last_name: jQuery("#your_referrals_last_name").val(),
      your_referrals_company_name: jQuery("#your_referrals_company_name").val(),
      your_referrals_email_address: jQuery("#your_referrals_email_address").val(),
      your_referrals_phone_Number: jQuery("#your_referrals_phone_number").val(),
      how_did_you_hear_about_electrics_referral_program: jQuery("#how_did_you_hear_about_electrics_referral_program").val()
    }
    
    console.log(formData);

    $.ajax ({
        type: form.attr('method'),
      data: formData,
      dataType: 'json',
      success: function (data) {
        console.log("Success!");
        console.log(data);
      },
      error: function (data) {
        console.log("An error has occured!");
        console.log(data);
      }
    });

  });
});

事情似乎很简单：
1.防止表单正常送出
1.获取表单数据（保存到变量中，以便最终可以重新Map其中得某些数据）
1.通过 AJAX 发布表单数据，以便页面不会重新加载
我期待表单使用 AJAX 成功提交。我已经尝试了许多修改我的代码，但它相当简单，所以我一定是错过了一些小的或愚蠢的。