javascript insertRow()问题请教

[    首先说一下情况，我在我的jsp页面里面要实现了这样两个表格：左边的表格id为selectedtable，右边的表格id为toselecttable，这两个表格的行各自对应一组checkbox，selectedtable的checkbox.name=groupselected，toselecttable的checkbox.name=grouptoselect。现在需要通过checkbox实现将左右两边的表格的行在它们之间自由移动。我是通过add按钮和delete按钮来实现的这个功能，下面是这两个按钮对应的点击事件function：
[code=JScript]
function removeGroupsSlt(){
var selectedTable=document.getElementById("selectedtable");
var toSelectTable=document.getElementById("toselecttable");
var checksSlt=document.getElementsByName("groupselected");
for(i=checksSlt.length-1;i>=0;i--){
var selectedi=checksSlt[i];
if(selectedi.checked){
var selectedRow=selectedi.parentNode.parentNode;
var rowIndex=selectedRow.rowIndex;
var colsInRowSlt=selectedRow.childNodes;
var checkBoxHtml=colsInRowSlt[0].innerHTML;
checkBoxHtml=checkBoxHtml.replace(/groupselected/,"grouptoselect");
var nameHtml=colsInRowSlt[1].innerHTML;
var descriptionHtml=colsInRowSlt[2].innerHTML;
var addedTr=toSelectTable.insertRow();
selectedTable.deleteRow(rowIndex);
var cell1=addedTr.insertCell();
cell1.innerHTML=clone(chekBoxHtml);
alert(cell1.innerHTML);
var cell2=addedTr.insertCell();
cell2.innerHTML=cl