I'm using jQuery `.append()` to move a `<li>` from one `<ul>` to another. But when it's moved, it keeps the same parent class, when I want it to have the new `<ul>`'s parent class. 

Ex. When I move it from `.players` class to `.confirm`, it still has the parent classes of `.players` instead of `.confirm`. 

Any idea how I can update the parent of the moved `<li>`? Or am I just doing something wrong?

**HTML** 

```
<ul class="listOptions confirm">
   <li><a href="" class="select">Item 1 that was taken from .players</a></li>
</ul>

<ul class="listOptions players">
   <li id="player-li-1000"><a href="" class="select">Item 1</a></li>
</ul>

```

**jQuery**

```
$('.listOptions.confirm').append($('#player-li-' + playerID));

```