display html code inside a javascript on a html page
<p>I will try my best to explain what I wish to do and do correct me or question me if I did not get my question across correctly.</p>

<p>I have a jquery function as follows:</p>

<pre><code>function processResult(xData, status) {
    $(xData.responseXML).find("z\\:row").each(function() {
        var liHtml = "&lt;a href=" + $(this).attr("ows_Title") + "&gt;&lt;img src=" + $(this).attr("ows_snapshot_file_location") + " width=120 height=90&gt;&lt;strong&gt;" + $(this).attr("ows_video_description") + "&lt;/strong&gt;&lt;br /&gt;&lt;br /&gt;" + $(this).attr("ows_video_description") + "&lt;em&gt;" + $(this).attr("ows_video_length") + "&lt;/em&gt;&lt;/a&gt;&lt;br /&gt;";
        $("#videoplaylist").append(liHtml);
    });
}
</code></pre>

<p>I have a HTML code as follows:</p>

<pre><code>&lt;div id="playlist"&gt;

/*** Something to be derive from #videoplaylist ***/

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

<p>Actually, I can just call the jquery function as follows:</p>

<pre><code>&lt;div id="videoplaylist"&gt; &lt;/div&gt;
</code></pre>

<p>inside the </p>

<pre><code>/*** Something to be derive from #videoplaylist ***/
</code></pre>

<p>but what I actually want was that the code to reflect all the <code>"lihtml"</code> variable.</p>

<p>If the <code>"lihtml"</code> variable contain </p>

<pre><code> &lt;em&gt;Hello World&lt;/em&gt;
</code></pre>

<p>it will display <code>"Hello World"</code> in the <code>"/*** Something to be derive from #videoplaylist ***/"</code> and not </p>

<pre><code> &lt;em&gt;Hello World&lt;/em&gt;
</code></pre>

<p>Appreciate any insight. </p>
