title: Clone and continue with what was happening on previous div
body: <p>I am doing a post call and want to clone the div that depicts the status to on to another div. </p>
  
  <p>But when I do the clone, what happens is that that it copies what is exactly on the previous element and does not continue with the <strong>change status</strong> that I set up in the previous div.</p>
  
  <p>My code:</p>
  
  <pre><code>let arr = ['Hermione', 'Ron', 'Harry']
  
  arr.forEach(d=&gt;{
      $('#the_table&gt;tbody').append(` 
                  &lt;tr id='tr_${d}'&gt;
                      &lt;td'&gt;${d}&lt;/td&gt;
                      &lt;td&gt;&lt;i id='change_${d}' class='no'&gt;&lt;/i&gt;&lt;/td&gt;
                  &lt;/tr&gt;
              `);
  });
  
  const myfunc = () =&gt; {
  $.post(api, json_object,
      function(data, status) {
          if (data.value === 'started') {
          setTimeout(myfunc, 5000);
      } else {
          $(`#change_${d}`).removeClass('no').addClass('yes');
          }
  }, 'json');
              }
  myfunc();
  </code></pre>
  
  <p>I am then cloning that table to another div elsewhere on the page.</p>
  
  <pre><code>$('#button').on('click', function() {
    $('#show_clone').show();
    $('#the_table').clone().appendTo('#show_clone');
  });
  </code></pre>
  
  <p>When I do this clone, the status stops changing on the cloned div. </p>
  
  <p>How do I make it continue the status change process. </p>