title: When using jQuery .append, child's parent does not get update
body: <p>I'm using jQuery <code>.append()</code> to move a <code>&lt;li&gt;</code> from one <code>&lt;ul&gt;</code> to another. But when it's moved, it keeps the same parent class, when I want it to have the new <code>&lt;ul&gt;</code>'s parent class. </p>
  
  <p>Ex. When I move it from <code>.players</code> class to <code>.confirm</code>, it still has the parent classes of <code>.players</code> instead of <code>.confirm</code>. </p>
  
  <p>Any idea how I can update the parent of the moved <code>&lt;li&gt;</code>? Or am I just doing something wrong?</p>
  
  <p><b>HTML</b> </p>
  
  <pre><code>&lt;ul class="listOptions confirm"&gt;
     &lt;li&gt;&lt;a href="" class="select"&gt;Item 1 that was taken from .players&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  
  &lt;ul class="listOptions players"&gt;
     &lt;li id="player-li-1000"&gt;&lt;a href="" class="select"&gt;Item 1&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p><b>jQuery</b></p>
  
  <pre><code>$('.listOptions.confirm').append($('#player-li-' + playerID));
  </code></pre>