jquery中的表单序列化无法动态使用

我有一个数据表，如附件图像，我想编辑表单并将编辑后的数据保存到mysql表中。可编辑行可能是一行也可能是两行。因此，我获取特定的数据行值并更新该行本身

脚本：

$('.edit_row').live('click',function(e){
        var baseurl = $("#baseurl").val(); 
        var id =  $(this).attr('id').replace('edit_row-','');
        e.preventDefault();
        $.ajax({
            type: 'post',
            url: baseurl+'controlpanel/functions/edit_location/',
            data: {id:id},
            beforeSend: function(){
            },
            success: function(response){
                $('#area_row-'+id).html(response);
            }
        });
    });
$('.submit_location').live('click',function(e){
        var baseurl = $("#baseurl").val(); 
        var id =  $(this).attr('id').replace('submit_location-','');
        alert(id);
        //var formData = {user_country:country,user_state:state,city:city,status:status,area:area,pincode:pincode};
        var formData = $('#area_row-'+id).find('form').serialize();

        alert(formData);
        e.preventDefault();
        $.ajax({
            type: 'post',
            url: baseurl+'controlpanel/functions/save_location/',
            data: formData,
            beforeSend: function(){
            },
           success: function(response){
                alert(response);
           }
        });
    });     

HTML:

<tr  id="area_row-1">
          <td class="centeralign"><input type="checkbox" value="1" name="ConId[]"/></td>
          <td>K.K.Nagar</td>
          <td>625010</td>
          <td>Afghanistan</td>
          <td>Tamilnadu</td>
          <td>Madurai</td>
          <td><a href="" class="deleterow">Active</a></td>
          <td class="centeralign"><a href="javascript:void(0);" class="edit_row" id="edit_row-1">Edit</a> | <a href="" class="deleterow">Delete</a></td>
        </tr>
                    <tr  id="area_row-28">
          <td class="centeralign"><input type="checkbox" value="28" name="ConId[]"/></td>
          <td>MA</td>
          <td>01453</td>
          <td>United States</td>
          <td>Ma</td>
          <td>Leominster </td>
          <td><a href="" class="deleterow">Active</a></td>
          <td class="centeralign"><a href="javascript:void(0);" class="edit_row" id="edit_row-28">Edit</a> | <a href="" class="deleterow">Delete</a></td>
        </tr>
                    <tr  id="area_row-29">
          <td class="centeralign"><input type="checkbox" value="29" name="ConId[]"/></td>
          <td>P & T Nagar</td>
          <td>625017</td>
          <td>India</td>
          <td>Tamil Nadu</td>
          <td>Madurai</td>
          <td><a href="" class="deleterow">Active</a></td>
          <td class="centeralign"><a href="javascript:void(0);" class="edit_row" id="edit_row-29">Edit</a> | <a href="" class="deleterow">Delete</a></td>
        </tr>

纳加尔
625010
阿富汗
泰米尔纳德邦
马杜赖
| 
文科硕士
01453
美国
文科硕士
莱蒙斯特
| 
纳加尔P&T酒店
625017
印度
泰米尔纳德邦
马杜赖
| 

我认为live已被弃用，请使用.on（）还有，您的问题还不清楚。你在寻求什么帮助？你的意思是

$（“#area_row-”+id）。查找（'form'）。序列化（）

不包括使用

$（'#area_row-'+id）.html（响应）添加的新元素？也许新元素不包含name属性。一旦请求完成（如果不是发布的HTML），您应该显示响应是什么或更好地呈现HTML。也许您的问题是使用live（），但我想您应该告诉我们在这种情况下控制台中的错误，对吗？！此$（'#area_row-'+id）.find（'form'）.serialize（）；返回空值..这是我的问题