title: jquery parse html in xml
body: <p>I have an xml file with html tags in it that I parse using jquery ajax.
  I can get the text value without a problem. How do I get the html part within an element? </p>
  
  <p>Edit: I tried wrapping the html in cdata but would rather have the xhtml within the xml.</p>
  
  <pre><code>$.ajax({ type: "GET",
                          url: "product.xml",
                          dataType: "xml",
                          success: function (xml) {
  
                              $(xml).find("product[productid=" + selection + "]").each(function () {
                                  var $title = $(this).find("title").text();        //get title  
                                  var $desc = $(this).find("description").html();          //get description  
                                  //$('[nodeName=]',xml)
                                  $("#producttitle").html("");
                                  $("#productdesc").append($desc);
                                  $("#producttitle").append($title);
  
                              });
  
                          }  
  
  &lt;product productid="1"&gt;
      &lt;title&gt;Active Directory&lt;/title&gt;
      &lt;status&gt;noinfo&lt;/status&gt;
      &lt;description&gt;
          Headline
          &lt;b&gt;tester&lt;/b&gt;
          &lt;ul&gt;
              &lt;li&gt;test list element&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/description&gt;
      &lt;link title=""&gt;&lt;/link&gt;
  &lt;/product&gt;
  </code></pre>
  
  <p>Cheers,
  Terry</p>