How can I output HTML from a XML file?

Question

I am trying to take the contents of 'description' and place it into a div. Below is the XML that comes from a jQuery ajax call.

<media> 
    <entry> 
        <title>Item Name</title> 
        <description>
            <p>First Line<br />
            Second Line</p>
            <p>More Content</p>
        </description> 
        <author>Name</author> 
        <date>2010-07-06</date> 
    </entry> 
</media> 

I have tried the following, but cannot get it to works. At best it shows up, but without any formatting (FF3). Otherwise a 'WRONG_DOCUMENT_ERR' error is shown (Chrome).

$.ajax({
    url: xml_url,
    dataType: "xml",
    success: loadItem
});

function loadItem(data) {
    $(data).find('entry').each(function() {
        $(".playing div.description").html($(this).find("description"));
    });
}

Is it even possible? Thanks.

Answer 1

Im not entirely certain but everytime I have done this in the past it looks more like this:

function loadItem(data) {
    $(data.responseXML).find('entry').each(function() {
        var descr = $(this).find('description').val();
        $(".playing div.description").html(descr);
    });
}

The key change there (I think) is .responseXML and using the value of description rather than the XML node.

Answer 2

Hey, I think I worked out a solution (I have been working on this for hours with no avail, so asked the question, and then I manage to work it out soon after, typical, lol).

Simply I used load, and it carries all the formating across.

$('.playing div.description').load(xml_url + ' description');