title: HTML UL Menu from XML
body: <p>i am receiving xml structured data which is not nested and I need to create UL menu out of it. Data is receiver using .ajax jquery .. please for any idea. Even if I fix output of XML i don't know how to achive this.</p>
  
  <p>Structure of XML (sample values) :</p>
  
  <pre><code>&lt;data id="1"&gt;
     &lt;skItem&gt;Food&lt;/skItem&gt;
     &lt;psItem&gt;Item1 &lt;/psItem&gt;
     &lt;vssItem&gt;value &lt;/vssItem&gt;
  &lt;/data&gt;
  
  &lt;data id="2"&gt;
     &lt;skItem&gt;Food&lt;/skItem&gt;
     &lt;psItem&gt;Item2 &lt;/psItem&gt;
     &lt;vssItem&gt;value2 &lt;/vssItem&gt;
  &lt;/data&gt;
  
  &lt;data id="3"&gt;
     &lt;skItem&gt;Food&lt;/skItem&gt;
     &lt;psItem&gt;Itee3 &lt;/psItem&gt;
     &lt;vssItem&gt;value &lt;/vssItem&gt;
  &lt;/data&gt;
  
  &lt;data id="4"&gt;
     &lt;skItem&gt;Car&lt;/skItem&gt;
     &lt;psItem&gt;Item2 &lt;/psItem&gt;
     &lt;vssItem&gt;value &lt;/vssItem&gt;
  &lt;/data&gt;
  </code></pre>