title: Ajax Append Multiple Value Array to formData
body: <h1>Project</h1>
  
  <p><strong>Overall:</strong> I've built large form that includes a section for building dynamic sequences to demonstrate <em>how to</em> do some activity. This form currently submits all input data via <code>ajax formData</code>.</p>
  
  <p><strong>Focus:</strong> I'm trying to append a dynamic array for <strong>sequences</strong>, each to include an <code>image ID</code> &amp; <code>&lt;textarea&gt;</code> description to an Ajax formData. </p>
  
  <h1>Problem</h1>
  
  <p>Not sure how to write my array to get both indexed items combined in the same array to send to server to create a comma-separated list for each sequence:</p>
  
  <pre><code>'ajax_seq_image[0]':'1',
  'ajax_seq_desc[0]':"This is the value from textarea description for sequence[0]",
  'ajax_seq_image[1]':'22',
  'ajax_seq_desc[1]':"This is the value from textarea description for sequence[1]",
  ...
  </code></pre>
  
  <p>I have searced and tested a number of diffent approaches I've discovered, but none of these are getting me the result I'm looking for.</p>
  
  <h1>Current JSFiddle</h1>
  
  <p>I've built a jsfiddle for basic testing. So far I've been able to get the alerts (notice: they are <em>commented out</em>) to successfully show me the variables for each <code>index [i]</code>, however I'm not able to append the new items to <code>formData</code>.</p>
  
  <p><a href="http://jsfiddle.net/5rj02vr3/" rel="nofollow">jsFiddle</a></p>
  
  <h1>Additional Info</h1>
  
  <p>To give idea of the input data that has been sent successfully &amp; working correctly already...</p>
  
  <pre><code>// General Data
  'ajax_unit_id'  : $('input[name =   unit_id]').val(),
  'ajax_title'    : $('input[name =   title]').val(),
  'ajax_status'   : $('select[name    =   status]').val(),
  'ajax_access'   : $('select[name    =   access]').val(),
  ...
  </code></pre>