如何在IE9中发布动态字段

Question

我有一个用户可以填写静态字段的表单。在它们下面，一个按钮允许动态添加新字段：

<form action="url" method="POST">
  <table class="table" id="mytable">
       <thead>
           <tr>
               <th>Foo</th>
               <th>Bar</th>
           </tr>
       </thead>
       <tbody>
       </tbody>
   </table>

  <button id="new-field">Add new fields</button>

</form>

这是我的JS代码：

$('#new-field').click(function(e) {
        e.preventDefault();
        var i = $('#mytable tbody tr').length + 1;

        $('<tr><td><input type="text" name="newfield['+ i +'][foo]"></td><td><input type="text" name="newfield['+ i +'][bar]]"></tr>').appendTo($('#mytable tbody'));
});

新字段显示正确，但是当我发布表单（通过提交按钮）时，IE9不会考虑新字段...它适用于Firefox和Chrome。

显然这是一个解决方案：Dynamically added form elements are not POSTED in IE 9 但是我不能将兼容模式用于我的项目。

你有任何解决方案吗？