## jQuery `clone`
* Used to duplicate a jQuery item:
```
<div class="container">
<div class="goodbye">
</div>
</div>
```
* to clone `div.goodbye`: `$('.goodbye').clone();`
* While `clone` creates a **deep** copy of the item (including all children and other nested
elements), it **does not clone event handlers attached to the item!**
* To allow for this behavior, you must make `true` the parameter `withDataAndEvents`,
which is defaulted to false.
```
.clone([withDataAndEvents])
.clone(true)
```
---
## `append` **vs** `appendTo`
* Both these functions perform the same operation: **adding** something to someplace
* They differ in the order of the addition:
* `append`'s syntax is as follows:
```
A.append('B')
```
* Take something that **already exists** and add it something new
* `appendTo`'s syntax differs as follows:
```
B.appendTo('A')
```
* Take something **new** and add it to something that already exists