title: Moving a DOM element with append()?
body: <p>I have a <code>div</code> element like</p>
  
  <pre><code>&lt;div id="move"&gt;Something&lt;/div&gt;
  </code></pre>
  
  <p>...that I'd like to <strong>move</strong> from one position to another in the DOM. Can I do this with <code>appendTo()</code>, like so:</p>
  
  <pre><code>$('#move').fadeOut(500, function() {
     $(this).appendTo('#another-container').fadeIn(500);
  });
  </code></pre>
  
  <p>...or will this duplicate it? </p>
  
  <p>If it's being duplicated, there would be two elements with the same <code>id</code> in the DOM. How could I avoid this?</p>