Let a user copy the source code... of an element with jquery
<p>ok i give up... i can understand basic javascirpt and jquery but im having a hard time to understanding how to allow a user to see the source code of an element for example..</p>

<p>if i have a element on a webpage like this</p>

<pre><code>`&lt;p&gt;hi im a element&lt;/p&gt;`
</code></pre>

<p>every body knows it will be displayed as this</p>

<pre><code>hi im a element
</code></pre>

<p>but i want a user to see this in its source code form.. like this</p>

<pre><code>`&lt;p&gt;hi im a element&lt;/p&gt;`
</code></pre>

<p>how on earth is this done??</p>
