title: Dynamically added form field not showing up in POSTed data
body: <p>I'm using jQuery to add a form element. It appears on the page fine, with the correct value, but when I submit the form, the data doesn't show up on the PHP backend. I looked at Firebug's POST data and I don't see it in there either. The javascript I'm using to add the form element is:</p>
  
  <pre><code>$("#projectArray").append("&lt;input type='text' name='data[Project][description]' value='"+projectDescription+"' id='test' /&gt;");
  </code></pre>
  
  <p>Has anyone run across anything like this? I've seem other posts but they seem to be typos and from what I can tell, I don't have any typos in this line.</p>
  
  <p><strong>Edit</strong>: As requested, here is the form code. I cut a lot of it out, as it is a pretty large form. If anyone wants the complete code, I can paste it.</p>
  
  <pre><code>&lt;form action="/learningexperiences/add" id="LearningexperienceAddForm" method="post" accept-charset="utf-8"&gt;
      &lt;div style="display:none;"&gt;&lt;input type="hidden" name="_method" value="POST"/&gt;&lt;/div&gt;
      &lt;div class="input text"&gt;&lt;tr&gt;&lt;td&gt;&lt;label for="LearningexperienceSubjectarea"&gt;Subject Area&lt;/label&gt;&amp;nbsp;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&lt;input name="data[Learningexperience][subjectarea]" maxlength="50" type="text" id="LearningexperienceSubjectarea"/&gt;&lt;/td&gt;&lt;/tr&gt;
  ...
      &lt;tr&gt;&lt;td&gt;Active&lt;/td&gt;&lt;td&gt;&lt;div class="cbx"&gt;&lt;input type="hidden" name="data[Learningexperience][active]" id="LearningexperienceActive_" value="0"/&gt;&lt;input type="checkbox" name="data[Learningexperience][active]"  checked="checked" value="1" id="LearningexperienceActive"/&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
  
      &lt;tr&gt;&lt;td colspan="2" style="vertical-align:middle;"&gt;&lt;div id="projectArray"&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
  
  ...
      &lt;input type="hidden" name="data[Learningexperience][id]" id="LearningexperienceId"/&gt;&lt;tr&gt;&lt;td colspan="2" style="vertical-align:middle;"&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
  
  &lt;/table&gt;
  
  &lt;table id="buttonsTable"&gt;
  &lt;tr&gt;&lt;td style="text-align:right;"&gt;&lt;div style="margin-right:5px;"&gt;&lt;div class="submit"&gt;&lt;input  name="cancel" type="submit" value="Cancel"/&gt;&lt;/div&gt;&lt;/div&gt;&lt;/td&gt;
  &lt;td&gt;&lt;div class="submit"&gt;&lt;input  type="submit" value="Save Record"/&gt;&lt;/div&gt;&lt;/form&gt;&lt;/td&gt;&lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p><strong>Edit 2:</strong> I changed my append tag to append to the form element (#LearningexperienceAddForm). I don't know why, but it started working at that point.</p>