title: Loop through XML attributes and elements with jQuery
body: <p>I've searched most of the forums and can't find what I am looking for. I want to do the following:</p>
  
  <p>XML file:</p>
  
  <pre><code>&lt;vaardigheden&gt;
   &lt;vaardigheid soort="techniek"&gt;HTML/CSS&lt;/vaardigheid&gt;
   &lt;vaardigheid soort="techniek"&gt;PHP/MySQL&lt;/vaardigheid&gt;
   &lt;vaardigheid soort="techniek"&gt;Javascript&lt;/vaardigheid&gt;
   &lt;vaardigheid soort="Instrument"&gt;Drums&lt;/vaardigheid&gt;
   &lt;vaardigheid soort="Instrument"&gt;Gitaar&lt;/vaardigheid&gt;
  &lt;/vaardigheden&gt;
  </code></pre>
  
  <p>I would like to loop through the attributes and elements and get this result:</p>
  
  <p>Techniek</p>
  
  <ul>
  <li>HTML/CSS</li>
  <li>PHP/MySQL</li>
  <li>Javascript</li>
  </ul>
  
  <p>Instrument</p>
  
  <ul>
  <li>Drums</li>
  <li>Guitar</li>
  </ul>
  
  <p>Does anyone have an idea how to achieve this? Just need the basic understanding of looping through attributes and elements in this way with jQuery.</p>