title: Download form textarea as an XML file. Works in IE10 but not Chrome35 or Firefox30
body: <p>Trying to create a button (or link) to download data from inside a html form textarea and be saved as an XML file. I could explain why, but it'll take forever.</p>
  
  <p>Here's my working (in IE10 only) text example. I'd like it to work in Chrome and Firefox as well, but so far no luck, any ideas?</p>
  
  <p>I don't need anything fancy, just throw the data in a variable, put the variable into a new file, and prompt the SaveAs filename.xml </p>
  
  <p></p>
  
  <pre><code>&lt;html&gt;
  
  &lt;head&gt;
  &lt;script lang="javascript"&gt;
  function download(){
       var xmlContent = document.getElementById("Kitchen").innerHTML; //here we load our xml data 
       var blob = new Blob([xmlContent], {
           type: "text/xml;charset=utf-8;"
       });
      navigator.msSaveBlob(blob, "SaveAsYourFileNameHere.xml");
  }
  &lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body style="background-color: rgb(225,225,225)"&gt;
  &lt;br&gt;
  &lt;form id="House"&gt;
    &lt;textarea id="Kitchen"cols="20" rows="10"&gt;This is the Kitchen&lt;/textarea&gt;
  &lt;/form&gt;
  &lt;br&gt;
  &lt;a href="#" onClick="download()"&gt;Download Xml&lt;/a&gt;&lt;br&gt;
  &lt;br&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>