Creating UI with two jQuery DataTables and moving around record between them -

first of all, can't post jsfiddle link in question, that's why posted link normal text.

i designed user interface 2 jquery datatable.

first table loads initial data , second table loads no data.

when user clicks on row or selecting raw , click on move button, transferring data first table second , vice versa.

also maintaining 2 array final data in first , second table, submit server.

this ui - jsfiddle.net/viswa317/d7r7c/3/embedded/result/

this code - jsfiddle.net/viswa317/d7r7c/3/

problem removed row or tr tag coming back, play ui can understand mean.

i removing user selected row or tr tag using jquery remove() function, when move data second first table, removed data in first table coming back

my bad, using jquery remove function not removing row. removing tr tag expect jquery, using datatabel fndeleterow function. it's working perfectly.

for code , ui use same links posted in question, updated working code.

cheers.