我有这个表单字段是动态生成的

<form id="passengers_details">
        <div class="row clearfix passengerRow">
               <div class="col-md-6 col-sm-6 col-xs-12 form-group">
                  <input type="text" placeholder="first name" name="firstname[]">
                                        </div>
                 <div class="col-md-6 col-sm-6 col-xs-12 form-group">
                <input type="text" placeholder="Last Name" name="lastname[]">
                  </div>
            <div class="col-md-6 col-sm-6 col-xs-12 form-group">
            <input type="text" placeholder="Phone Number Optional" name="phone[]">
             </div>
             <div class="col-md-6 col-sm-6 col-xs-12 form-group">
             <input type="email" placeholder="mail Id Optional" name="email[]">
             </div>
                                           
           </div>
      <a class="booked addPassengers">Add </a>
   </form>

脚本：

$(document).on('click', '.addPassengers', function(){
        console.log('add passengers ');

        var clone = $(".passengerRow").eq(0).clone(); 
        $("#passengers_details").append(clone); 

      });

我正在尝试通过aplogic传递表单数据和其他字段

jQuery.ajax({    
            url: "booking.php",
            data:'first_name='+$("#first_name").val()+
            '&serializePassengerData='+$("#passengers_details").serialize()+
            '&pkid='+$("#pkid").val(),
            type: "POST",
            dataType: "JSON",
            success:function(data){

但是仅获得第一字段值，即，php中的名字

print_r($_POST['serializePassengerData']); die();

如果我控制台$("#passengers_details").serialize()，所有数据都可用。