title: display html code inside a javascript on a html page
body: <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>