title: Display XML file to HTML Text area
body: <p>Is there a way I could process an XML file and display it </p>
  
  <pre><code>&lt;?xml version="1.0"?&gt;
  &lt;phonebooks&gt;
  &lt;contacts group_name="Sample" editable="1" id="0"&gt;
  &lt;contact first_name="Extension" last_name="1000" contact_type="sip" subscribe_t$
          &lt;numbers&gt;
                  &lt;number dial="1620" dial_prefix="" label="Extension" primary="1$
          &lt;/numbers&gt;
  &lt;/contact&gt;
  . . . 
  &lt;/phonebooks&gt;
  </code></pre>
  
  <p>that's what file I need it to display, just in the text area, nothing special. I'm open to most solutions. 
  Here is what I tried so far</p>
  
  <pre><code>var textarea = $("#xml"); 
  
  $.ajax({
      type: "GET",
      url: "http://localhost/contacts.xml",
      cache: false,
      dataType: "xml",
      success: function(xml) {
          var xmlText = new XMLSerializer().serializeToString(xml);
          textarea.text(xmlText);
      }
  
  });
  </code></pre>
  
  <p>I get no display in my textarea nor any errors in the console. </p>