title: How to remove td from a tr inside a table
body: <p>On click of the remove button , i am adding this tr to table 1 
  Before adding it to the table 1 , i need to remove this particular td</p>
  
  <pre><code> &lt;td&gt;&lt;a data-videoid="6" class="btn btn-delete removevideo btn-danger ui-link"&gt;Remove&lt;/a&gt;&lt;/td&gt;
  </code></pre>
  
  <p>This is my code</p>
  
  <pre><code> $(document).on("click", ".removevideo", function(event)
  {
  
  
              if (confirm("Are You Sure to Remove This Video From This PAC?") == true)
              {
                 var video_id = $(this).data('videoid');
                 $(this).closest("tr").removeClass('existingvideos');
                 var html = $('#table1 tr[video-id="'+video_id+'"]').prop('outerHTML');
                 $('#table1 tr[video-id="'+video_id+'"]').remove();
                    $("#table2 tbody").append(html);
  
              }        
              event.stopImmediatePropagation();
              event.preventDefault();
              return false;
  
  
  
  });
  </code></pre>
  
  <p>This is my fiddle </p>
  
  <p><a href="http://jsfiddle.net/cod7ceho/271/" rel="nofollow noreferrer">http://jsfiddle.net/cod7ceho/271/</a></p>