How to post dynamic fields in IE9

Question

I have a form in which users can fill static fields. Below them a button allows to add dynamically new fields :

<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>

Here is my JS code :

$('#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'));
});

New fields are displayed correctly, but when I post the form (via a submit button), new fields are not considered on IE9... It works on Firefox and Chrome.

Apparently here is a solution : Dynamically added form elements are not POSTED in IE 9 But I can't use the compatibility mode for my project.

Have you got any solution please ?