Jquery与动态内容

我有以下HTML代码：

<div id="summary_form">
    <textarea class="summary">Please fill in</textarea><br/>
    <textarea class="summary">Please fill in</textarea><br/>
   <div>

这个JS获取所有类名为“summary”的文本区域，并将其存储在summaries变量中

我还有一个链接，当用户单击它时，将使用Ajax动态添加另一个具有“summary”类名的textarea，如下所示：

$("#add_summary").click(function(){  
  $('#temp').load("/addSummary.html", function() {
  $("#summary_form").append($('#temp').html());
  summaries = $('textArea.summary');
});

$("#user-form").submit(function () {
 //First reload all old and new textareas into summary variable - THIS PART IS NOT WORKING!
 summaries = $('textArea.work_history_summary');

 for (var i=0; i<summaries.length; i++)
    {
      if (summaries[i].value == 'Please fill in')
      {   
        summaries[i].value = '';
      }
    }
 });

addSummary.html仅包含以下html：

<textarea class="summary">Please fill in</textarea><br/>

请填写

提交表单时，我正在运行以下代码以清除“请填写”助手文本的文本区域，如下所示：

$("#add_summary").click(function(){  
  $('#temp').load("/addSummary.html", function() {
  $("#summary_form").append($('#temp').html());
  summaries = $('textArea.summary');
});

$("#user-form").submit(function () {
 //First reload all old and new textareas into summary variable - THIS PART IS NOT WORKING!
 summaries = $('textArea.work_history_summary');

 for (var i=0; i<summaries.length; i++)
    {
      if (summaries[i].value == 'Please fill in')
      {   
        summaries[i].value = '';
      }
    }
 });

$（“#用户表单”）.submit（函数（）{
//首先将所有新旧文本区域重新加载到摘要变量中-此部分不工作！
摘要=$（'textArea.work_history_summary'）；
对于（var i=0；i是否可能您加载的内容有点不同-不是textArea，也不是summary？只是错误

另外，考虑使用$.Ajax（）方法：
通过这种方式，您不需要任何临时存储，但可以将获得的html直接附加到表单中。也许这也可以解决您的问题。（我可能对参数名称或函数参数顺序有点错误，但您已经了解了要点，不是吗？
使用它的代码在哪里？请记住
.load（）
的回调稍后会在响应返回时运行。你好，尼克，我已经用上面的代码添加了代码