title: Move table row from one table to another using JQuery
body: <p>I am attempting to move a row from one table into another and back again.</p>
  
  <p>I have this working going to the first table but the going back event is not firing. Here is my code</p>
  
  <p>html</p>
  
  <pre><code>&lt;table id="table_source"&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;Row&lt;/td&gt;
              &lt;td&gt;1&lt;/td&gt;
              &lt;td&gt;&lt;img src='move_image_path' alt='Move' class='move-row' /&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Another Row&lt;/td&gt;
              &lt;td&gt;2&lt;/td&gt;
              &lt;td&gt;&lt;img src='move_image_path' alt='Move' class='move-row' /&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;
     &lt;table id="table_dest" class="active"&gt;&lt;a href="#"&gt;People&lt;/a&gt;
          &lt;tbody&gt;
            &lt;tr&gt;
            &lt;/tr&gt;  
          &lt;/tbody&gt;
      &lt;/table&gt;
  </code></pre>
  
  <p>Jquery</p>
  
  <pre><code>  $("#table_source img.move-row").click(function (e) {            
               var tr = $(this).closest("tr").remove().clone();
               tr.find("img.move-row")
          .attr("src", "remove_image_path.jpg")
          .attr("alt", "Remove");
               $("#table_dest tbody").append(tr);
           });
  
           $("#table_dest img.move-row").click(function (e) {
               alert("hi") //THIS IS NOT FIRING
               var tr = $(this).closest("tr").remove().clone();
               tr.find("img.move-row")
          .attr("src", "move_image_path.jpg")
          .attr("alt", "Move");
               $("#table_source tbody").append(tr);
           });
  </code></pre>