title: how to avoid selection of duplicate html row to clone using jquery
body: <p>After a click on a 'td' of table 1, i append some cells from that row to another table (table 2) without moving/changing that row from table 1.</p>
  
  <p>Now to avoid duplication i added class to that 'td' from table 1.
  Like this</p>
  
  <pre><code>$(".table1 td:first-child + td").click(function(){
  
    $("#table2").append('&lt;tr&gt;&lt;td&gt;clicked TD value from table 1&lt;/td&gt;  more td's&lt;/tr&gt;');  
    $(this).addClass('done'); 
  }):
  </code></pre>
  
  <p>Now when i tried to remove that appended row from table2...i have to remove the class 'done'
  which is i added to cliked 'td' of table1.</p>
  
  <p>How to do this?? is there any other way of doing this (avoiding duplication) other than adding class??</p>
  
  <p>Here's the <a href="http://jsfiddle.net/h6zYJ/1/" rel="nofollow">fiddle</a>.</p>
  
  <p>pls help.
  thanks</p>