Should clone(true) be used when appending cloned elements, or on() with clone(false)?
<p>When cloning an element and appending it to another element, is it better to clone the events off the original element, or using on() so the events need not be cloned?  Better is based on being faster, using less memory, and being the more official way of doing it.  Please explain why one way is better than another.  Thank you</p>

<p>Option 1 where events are not cloned</p>

<pre><code>$('#add').click(function(){$("#list").append($("#clone").clone(false));};
$("#list").on("click", "a", function(){alert('hello');});
</code></pre>

<p>Option 2 where events are cloned</p>

<pre><code>$('#add').click(function(){$("#list").append($("#clone").clone(true));};
$("#clone a").click(function(){alert('hello');});
</code></pre>

<p>HTML common to both options</p>

<pre><code>&lt;a href="javascript:void(0)" id="add"&gt;Click&lt;/a&gt;
&lt;li id="clone"&gt;&lt;a href="javascript:void(0)"&gt;Click&lt;/a&gt;&lt;/li&gt;
&lt;ul id="list"&gt;&lt;/ul&gt;
</code></pre>
