jquery - Display XML content in HTML page

Question

How to display XML and other type of data in same page ?

    <?xml version="1.0" encoding="ISO-8859-1"?>
<catalog>
    <cd>
        <title>Empire Burlesque</title>
        <artist>Bob Dylan</artist>
        <country>USA</country>
        <country>Columbia</country>
        <price>10.90</price>
        <year>1985</year>
    </cd>
</catalog>

The above XML should be displayed as it is with formatting. Also , I would like to display HTML tables and other stuff in my page. How to achieve this ?

1. I do get XML in STRING not through file.
2. I do not want to parse it
3. I want to display (that's it)
4. If you say about XSLT ( please give example )
5. I'm thinking to use Jquery plugin ( any examples?)

Answer 1

Simple solution is to embed inside of a <textarea> element, which will preserve both the formatting and the angle brackets. I have also removed the border with style="border:none;" which makes the textarea invisible.

Here is a sample: http://jsfiddle.net/y9fqf/1/