title: How can we store the HTML form data into XML file using Javascript (& without using any server side tools like asp.net or PHP)?
body: <pre><code>&lt;!doctype html&gt;
  &lt;html&gt;
      &lt;head&gt;
          &lt;title&gt;HTML to XML&lt;/title&gt;
      &lt;/head&gt; 
      &lt;body&gt;
          &lt;form id="form1"&gt;
              First name: &lt;input id="btn1" type="text" name="FirstName" &gt;&lt;br&gt;
              Last name: &lt;input id="btn2" type="text" name="LastName" &gt;&lt;br&gt;
              &lt;input type="submit" value="Submit"&gt;
          &lt;/form&gt;
          &lt;p&gt;On Click of Submit, first name and last name should be stored XML file.&lt;/p&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>On click of submit, xml file should be created and HTML data (i.e First name &amp; Last name ) should be stored in that newly created xml file.</p>