Javascript 通过AJAX获取PHP文件并放入表单后提交表单

正在Phonegap中进行编程。我正在尝试使用JQuery提交表单。我从两个独立的PHP文件中获取数据，并将它们加载到表单中的不同ID中。我在获取数据方面没有问题，但是表单没有发布。经过一些调试，似乎是因为第二个php文件包含复选框

HTML代码如下所示：

<div id = "result"></div>
    <form method="post" name = "inviteform" id = "inviteform">
    <p>
        <select name="groupstrip" id = "groupstrip" class="formdrop" /><br />

</p>
<input type='hidden' name='user_name1' id='user_name1' value=''>
<p><input type = "button" id="grpsubmit" name= "grpsubmit" class="formsubmit" value = "Invite"></p> 

    <nav id="primary_nav">
<ul>
    <div id = "friendsinv"></div>
</ul>
</nav>

    </form>

var invgrpurl = "http://www.website.com/app/invgrps.php?userid=" + items;
var invfrndurl = "http://www.website.com/app/invfrnds.php?userid=" + items;  
$.ajax({
url: invgrpurl,
dataType: "text",
type: "GET",
success: function (data){
     //manually insert the page
     $("#groupstrip").html(data);
}
});
$.ajax({
url: invfrndurl,
dataType: "text",
type: "GET",
success: function (data){
     //manually insert the page
     $("#friendsinv").html(data);
}
});
$("#grpsubmit").click(function(event){
event.preventDefault();
$.post( 'http://www.website.com/app/invitemany.php', $("#inviteform").serialize(), function(data){
    $("#result").html(data);
    $('#inviteform')[0].reset();
});
});

导致问题的PHP文件中的主要数据是：

    <li><div class="row">
  <div class="col-lg-6">
<div class="input-group">
  <span class="input-group-addon">
    <?php 
echo '<input type= "hidden" name = "id[]" id = "id[]" value="' . $rowid . '"></input>';
echo '<input type="checkbox" aria-label="..." name = "friends[]" id="friends[]" value="' . $y2aac . '">';
echo '</span>';
echo '<input readonly="readonly" type="text" class="form-control" aria-label="' . $fullname . '" placeholder="' . $fullname . '">';
?>
 </div><!-- /input-group -->
  </div><!-- /.col-lg-6 -->
</div>
</li>

---

如果您有任何关于提交此文件的帮助，我们将不胜感激。

是否有任何浏览器错误？您是否尝试过验证PHP返回的html？是否尝试过在控制台上显示您的数据显示内容>任何浏览器错误？您是否尝试过验证PHP返回的html？是否尝试过在控制台上显示您的数据显示内容>