title: Multi-forms submission in IE and Google chrome
body: <p>I have several forms(user can add new form dynamically) in one page, they're all submitted to the same struts2 action. I need to submit all these forms when the user clicks the save button.<br/><br/>
  Things go well in FF. But in IE and Google chrome, only the last form is submitted.</p>
  
  <p>Any help is appreciated. Thank you.</p>
  
  <p><b>
  Each form's elements are the same, one form one object. Every form's data will be added to an domain object then the object will be persisted to DB.</b>
  <br/><br/>
  JavaScript function to handle save operation:</p>
  
  <pre><code>&lt;script type="text/javascript" &gt;
      function submit() {
          var formCnt = document.getElementById('formCnt').value;
          for(var i = 1; i &lt;= formCnt; i++) {
              var formName = 'form' + i;
              document.forms[formName].submit();
          }
      }
  &lt;/script&gt;
  ...
  &lt;input type="hidden" id="formCnt" name="formCnt" value="5" /&gt;
  
  &lt;form action="add.htm" name="form1" id="form1" method="post" enctype="multipart/form-data" /&gt;
       &lt;input type="text" name="item.price" id="item.price" value="" /&gt;
      ...
  &lt;/form&gt;
  
  &lt;form action="add.htm" name="form2" id="form2" method="post" enctype="multipart/form-data" /&gt;
       &lt;input type="text" name="item.price" id="item.price" value="" /&gt;
      ...
  &lt;/form&gt;
  
      ...
  
  &lt;form action="add.htm" name="form5" id="form5" method="post" enctype="multipart/form-data" /&gt;
       &lt;input type="text" name="item.price" id="item.price" value="" /&gt;
      ...
  &lt;/form&gt;
  
     ...
  </code></pre>