当表单内容通过javascript更新时，表单不在ajax.serialize中发送数据

Question

使用javscript更新表单的内部html时遇到问题。我想在表单中动态添加具有相同名称的输入类型，然后通过jquery ajax serialize发送此表单数据。 例如

function addinput()
{
  //update form html to add following 
  
  <input type="text" value="1" name="addtext" />
  <input type="text" value="2" name="addtext" />
  <input type="text" value="3" name="addtext" />
  <input type="text" value="4" name="addtext" />
  <input type="text" value="5" name="addtext" />
}
  
function initiate()
{
 
 document.myform.action="initiateMultipleReceiptReceiptAction.action?next=0";	

var formdata=$('form[name$="myform"]').serialize();   
    
}

<a href="javascript:addinput()">Click to add more</a>
<form id="myform" action="initiate();">
  <input type="submit" value="submit" />
</form>

现在的问题是formdata没有显示$ addtext值