Copy element from one div to another but reain in "from container"

Copy element from one div to another but reain in "from container"

There a re 2 containers

Container from
<div class="search" id="fromdiv" style=" position:absolute; display:none; left:146px; top:148px; height:300px; width:300px; background-color:#CCC" >
<table width="100%" border="0" cellspacing="0" cellpadding="0" id="headertable">
<tr>
<td align="right"id="headerclose" class="Line" style="cursor:pointer">close</td>
</tr>
<tr class="headerlist" >
<td id=66>other</td>
</tr>
<tr class="headerlist" >
<td id=67>Place</td>
</tr>
<tr class="headerlist" >
<td id=68>Profession : Doctor</td>
</tr>

<div class="search" id="todiv" style=" position:absolute; display:none; left:546px; top:148px; height:300px; width:300px; background-color:#CCC" >
</div>

</table>
</div>







 

 $(".headerlist").click(function () {
          $(this).appendTo("#todiv");  
});

This copies elements from one div to another 
i.e. #fromdiv to #todiv

However once copied the entry is deleted from #fromdiv
Ho  do i retain the value in #fromdiv

Also want to inert this "moved" element in
database table