title: Copy table rows to another table html
body: <p><a href="http://jsfiddle.net/8ZuH7/" rel="nofollow noreferrer">Fiddle</a></p>
  
  <p>I have a table where if I click on a given row that row will be copied  to another table and the rows above will be hidden. So for example  if I click the 126th row it will hide  rows 0 through 125. However it is not copying that target row to the other table. What's going wrong?</p>
  
  <pre><code>var Startcheck = true; 
  function SelectStartPoint(dataSet)
  {
  
      if (Startcheck)
          var $test = $(dataSet).find('td').map(function() {
              return $(this).text();
          }).get().join("-");
  
      var data = $test.split('-');
  
  
      $("tr:lt(" + data[0] + ")").css("display", "none");
          var items = [];
          var newTr = $(this).closest("tr").clone();
          var newButtonHTML = 
          "&lt;input type='button' value='Edit' onclick='Edit()' /&gt;&lt;input type='button' value='Delete' onclick='deleteRow(this.parentNode.parentNode.rowIndex)'/&gt;";
  
          $(newButtonHTML).children("button").click(function(e) {});
  
          $(newTr).children("td:last").html("").html(newButtonHTML);
          items.push(newTr);
          newTr.appendTo($("#stopsTable"));
  }
  </code></pre>