title: Tracking and hiding old element after cloning in jquery
body: <p>I am trying to clone and element and then hide the old element. Actually I want to use the event bindings of the old element but to have the old element moved to a new location in the DOM.</p>
  
  <p>I clone it and append it where needed.</p>
  
  <p>Now, when I try to hide the old element the clone copy itself gets hidden and old element is not affected.</p>
  
  <h2>Please help. :)</h2>
  
  <pre><code>var $thead = $("#UserDataTable thead");
  var $tfoot = $("#UserDataTable tfoot#myfooter");
  var $clone = $tfoot.clone(true, true).attr("id", "ClonedFoot");
  $thead.after($clone);
  $("#UserDataTable tfoot#myfooter").hide();
  </code></pre>
  
  <hr>
  
  <p>the last line of code hides the cloned element itself. I think it should hide the original element with id myfooter.</p>