jQuery Forum

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