title: Cloning table row to another and modify HTML
body: <p>I am creating a table which have many function but now i am trying to implement when user click on "Select as stop" it copy the row to second row which is implemented but now i am try to modify it when it copy when user press button  "Select as stop" than copy to another table and modify the last row which is action . it modify to create two button and remove second button </p>
  
  <p><a href="http://jsfiddle.net/ashishsrivastava22/qxqP9/" rel="nofollow">Fiddle</a></p>
  
  <p><strong>JS</strong></p>
  
  <pre><code>$(window).load(function() {
              var items = [];
  
              $(".addBtn").on("click", function() {
                  var newTr = $(this).closest("tr").clone();
                  items.push(newTr);
                  newTr.appendTo($("#stopsTable"));
  
              });
          });
  
  
          $(window).load(function() {
              $("td:contains('Moving')")
                      .closest('tr')
                      .add(
                              $("td:contains('Depart')").closest('tr')
                              )
                      .add(
                              $("td:contains('Ignition_On')").closest('tr')
                              )
                      .add(
                              $("td:contains('Location')").closest('tr')
                              )
                      .add(
                              $("td:contains('Arrive')").closest('tr')
                              )
                      .hide();
          });
  </code></pre>