Jquery; correctly selecting contents of a script tag
<p>I have a single page web application using jquery and a set of embedded templates. A template may contain  tag like below:</p>

<pre><code>&lt;script type="html/template" id="sample"&gt;

&lt;script type="text/javascript" charset="utf-8"&gt;alert('x');&lt;/script&gt;


&lt;/script&gt;
</code></pre>

<p>and a jquery code to retrive the template is</p>

<pre><code>$("#sample").html();
</code></pre>

<p>The output of above jquery command is</p>

<pre><code>&lt;script type="text/javascript" charset="utf-8"&gt;alert('x');
</code></pre>

<p>Instead of</p>

<pre><code>&lt;script type="text/javascript" charset="utf-8"&gt;alert('x');&lt;/script&gt;
</code></pre>

<p>How can I fix this output ?</p>
