title: Populate data string in ajax request
body: <p>I have a form that can have different number of text fields (holding translation value). Their names are for example: "textfield_eng", "textfield_ger", "textfield_dut". </p>
  
  <p>In my ajax request I want these fields submitted of course, but I can't figure out how to populate these field names and their values in to the data string.</p>
  
  <p>This is what the data call looks like:</p>
  
  <pre><code>$.ajax({
     type: "POST",
     url: $("#optionForm").attr("action"),
     dataType: "xml",
     cache: false,
     data: { formname: $("#optionForm input[name='formname']").val(), 
      submit: $("#optionForm input[name='submit']").val()
      }, 
     success: function(xml){
                                  bladibla....
  </code></pre>
  
  <p>And this is how I would like it to be:</p>
  
  <pre><code>  $.ajax({
     type: "POST",
     url: $("#optionForm").attr("action"),
     dataType: "xml",
     cache: false,
     data: { formname: $("#optionForm input[name='formname']").val(), 
      submit: $("#optionForm input[name='submit']").val(),
  textfield_eng : "english",
  textfield_ger : "german",
  textfield_dut : "dutch"
      }, 
     success: function(xml){
                                 bladiblla...
  </code></pre>
  
  <p>What is the best way to do this? </p>
  
  <pre><code>&lt;input id="sOption_dut" name="sOption_dut" class="form_textfield" type="text" value="" /&gt;
  &lt;input id="sOption_eng" name="sOption_eng" class="form_textfield" type="text" value="" /&gt;
  &lt;input id="sOption_ger" name="sOption_ger" class="form_textfield" type="text" value="" /&gt;
  </code></pre>