title: Fetch data from xml file and display in html table using Ajax and xpath
body: <p>Here is how i started with</p>
  
  <pre><code>&lt;script&gt;
  $(document).ready(function() {
  
      $.ajax({
          type : "GET",
          url : "EmployeeData.xml",
          dataType : "xml",
          success : processXml
      });
  });
  
  // function to process the read in XML
  function processXml(xml) {
      var nodes = xmlDoc.selectNodes("/employeelist/employee");
  
            // Help Here
      }&lt;/script&gt;
  </code></pre>
  
  <p>xml file</p>
  
  <pre><code>&lt;employeelist&gt;
  &lt;employee&gt;
      &lt;id&gt;01&lt;/id&gt;
      &lt;name&gt;Bob&lt;/name&gt;
      &lt;gender&gt;M&lt;/gender&gt;
      &lt;designation&gt;Traniee&lt;/designation&gt;
      &lt;salary&gt;18000&lt;/salary&gt;
      &lt;doj&gt;01-03-2012&lt;/doj&gt;
  &lt;/employee&gt;
  &lt;employee&gt;
      &lt;id&gt;02&lt;/id&gt;
      &lt;name&gt;Rob&lt;/name&gt;
      &lt;gender&gt;M&lt;/gender&gt;
      &lt;designation&gt;Manager&lt;/designation&gt;
      &lt;salary&gt;40000&lt;/salary&gt;
      &lt;doj&gt;04-03-2010&lt;/doj&gt;
  &lt;/employee&gt;&lt;/employeelist&gt;
  </code></pre>
  
  <p>I want to use xpath to traverse the xml file and get all the elements and child node values. 
  Place where i stuck is , how to loop the node to get child node values.</p>
  
  <p>thanks..!!</p>