JQuery: tying to use .html() but the new content takes on link characteristics of the original selector/element
<p>I have four links and I would like content to appear in a div(.contentcont [name of div]) below the list of links for that particular link that was clicked. </p>

<pre><code>$('.link1').click(function(e){
$(this).clone().html('&lt;h1&gt;Text appear&lt;/h1&gt;')
.appendTo('.contentcont')
               e.preventDefault();  
       });
</code></pre>

<p>I am using .html() to provide the content to be entered into the div. If you take a look at the js fiddle provided( <a href="http://jsfiddle.net/jack2ky/K3FaY/2/" rel="nofollow">http://jsfiddle.net/jack2ky/K3FaY/2/</a>) you will be able to see that the new content is appearing in the div but it's taking on the characteristic of the link     [no good]. Maybe it has to do with me using .clone(). The reason why I am using .clone() is because when ever I clicked on the link the link would disappear. maybe  you can tell me if using .clone() was the right solution to use to prevent the link from disappearing. And if you could explain why the new content is taking on the link characteristic that would be greatly appreciated.
Thank you in advance for your help. </p>
