How to rename the DOM ids when doing clone

How to rename the DOM ids when doing clone


Hi
I was just wondering how could i rename the DOM ids when i clone them.
e.g i have some code like this below
<div id='cloneme'>
<label id='lbl1'/><textbox id='txt1'/><button id='btn'>button</
button>
</div>
--- this will bind the event with the button click inside $
(document).ready(...)
$('#btna').bind("click", function(){
$('#cloneme').clone(true).insertAfter('#cloneme');});
---
Everytime i click on the button, the whole div part would be cloned
and inserted after the 'cloneme',but when i look at the ids of the
cloned DOMs, they have the same id names as the original ones'. How
could i rename the ids for the cloned ones, something like 'lbl1_1',
'txt1_1' etc.
Thank you.
Dennis