将输入值传递给另一个输入字段

我正在尝试收取订阅费和会员详细信息注册流程如下：

第1页=输入卡详细信息
 nbsp |
 nbsp |

第2页=输入个人详细信息（注意：提交此表格需要第1页的令牌）
 nbsp |
 nbsp |

第3页=验证电子邮件地址（此部分工作正常）

第1页是"客户"输入其卡详细信息的位置。这会被发送到Stripe，并假设没有错误，Stripe会发回一个"令牌"。现在我有了令牌，通常是一个隐藏的输入字段，但我暂时只是为了自己的利益而显示它。如果目前一切顺利，我将使用ajax将表单内容更改为带有电子邮件地址字段等的内容。

 // Insert the token into the form so it gets submitted to the server
    $form.append($('<input type="text" id="stripeToken" name="stripeToken" />').val(token));
    // and re-submit
    $('#content').load('https://www.mydomain.com/registration-text.html#content');
    }

表单内容更改为第2页后，我可以看到<input type="text" id="stripeToken" name="stripeToken" />的内容仍在页面底部。

但当我填写电子邮件字段等并点击提交时，它不会与表单一起发送。事实上，表单设置为不允许在没有stripeToken值的情况下提交，所以至少这是有效的。只是想知道是否有人知道解决方案？甚至是问题的潜在根源？