attr name in IE 11 appears as SubmitName

attr name in IE 11 appears as SubmitName

Hi folks,

I know it has been talked a lot on this issue but I need some info on how get rid of it. I've a form in which I've the possibility to add additional inputs through jquery by doing some cloning. Afterwards, I just do an attr on name but as mentioned on the topic name, it replaces it as SubmitName. So basically, I can't retrieve after submitting the form, all the values inside inputs which have name replaced by submitName.

here is a sample of my code:

  1. var uniqueLeg = 1;
  2.     $('.addInfo').click(function() {
  3.         var copy = $('#Info').clone(true,true);
  4.         var formId = 'Info' + window.uniqueLeg;
  5.         copy.attr('id', formId );
  6.         copy.removeAttr('style');
  7.         copy.find(':input#tripdate').each(function() {
  8.             $(this).addClass('datepicker');
  9.             var dateid = 'tripdate' + window.uniqueLeg;
  10.             $(this).attr('id', dateid );
  11.             $(this).attr('name', $(this).attr('name')+window.uniqueLeg );
  12.             $(this).datepicker({ dateFormat: "dd/mm/yy" });
  13.         });
  14.         copy.find(':input#routingdep').each(function() {
  15.             $(this).addClass('aptsearch');
  16.             var dateid = 'routingdep' + window.uniqueLeg;
  17.             $(this).attr('id', dateid );
  18.             $(this).attr('name', $(this).attr('name')+window.uniqueLeg );
  19.             $(this).autocomplete({source:'suggest_apt.php', minLength:3});
  20.         });
  21.       ....
  22.         $('#trip').append(copy);
            window.uniqueLeg++; 
    });



html code :
  1. <div id="trip">
  2. <TABLE id="Info" style="display:none" width="400px" border="0">
  3.       <TR >
  4.         <TD ><INPUT type="checkbox" class="delCheckLeg" name="chk"/></TD>
  5.           <TD ><INPUT type="text" id="tripdate" name="tripdate"></TD>
  6.         <TD ><INPUT type="text" name="deptime[]"/></TD>
  7.           <TD ><INPUT type="text" id="routingdep" name="routingdep"/></TD>
  8.           <TD ><INPUT type="text" id="routingarr" name="routingarr"/></TD>
  9.           <TD ><INPUT type="text" name="fttime[]"/></TD>
  10.           <TD ><INPUT type="text" name="pax[]"/></TD>
  11.       </TR>
  12. </TABLE>
  13. </div>

So I've googled and find out several pages talking about it and giving as resolution to use the createElement or use javascript innerHTML. But I wasn't able to make them work on such code.
http://msdn.microsoft.com/en-us/library/ms534184.aspx
https://forum.jquery.com/topic/set-name-parameter-does-not-work-in-ie7
http://felipenmoura.org/articles/bug-on-ie-when-creating-elements-with-name-submitname
http://api.jquery.com/html/

What would you suggest to solve this issue? Use another browser than IE is not a solution :(
regards
PoY