title: jquery parse xml and group by element value
body: <p>I have the following xml which I parse using jquery.</p>
  
  <p>However I'm stuck at displaying only the cities and dates grouped by the title.
  How can I parse the xml so that the final output would be like this</p>
  
  <p>Test event 1 - oslo(2011/08/11), dallas(2011/11/11) </p>
  
  <p>Test event 2 - new york(...), seattle(...)</p>
  
  <p>Any Help would be appreciated,</p>
  
  <p>Thanks,
  Terry</p>
  
  <pre><code>&lt;root&gt;
      &lt;item guid="np_108886"&gt;
          &lt;title&gt;Test event 1&lt;/title&gt;
          &lt;description&gt;lorem ipsum&lt;/description&gt;
          &lt;specfields&gt;
              &lt;city&gt;oslo&lt;/city&gt;
              &lt;startdate&gt;2011/08/11&lt;/startdate&gt;
          &lt;/specfields&gt;
      &lt;/item&gt;
  
      &lt;item guid="np_108886"&gt;
          &lt;title&gt;Test event 1&lt;/title&gt;
          &lt;description&gt;lorem ipsum&lt;/description&gt;
          &lt;specfields&gt;
              &lt;city&gt;dallas&lt;/city&gt;
              &lt;startdate&gt;2011/11/11&lt;/startdate&gt;
          &lt;/specfields&gt;
      &lt;/item&gt;
  
      &lt;item guid="np_108886"&gt;
          &lt;title&gt;Test event 2&lt;/title&gt;
          &lt;description&gt;lorem ipsum&lt;/description&gt;
          &lt;specfields&gt;
              &lt;city&gt;new york&lt;/city&gt;
              &lt;startdate&gt;2011/09/11&lt;/startdate&gt;
          &lt;/specfields&gt;
      &lt;/item&gt;
      &lt;item guid="np_108886"&gt;
          &lt;title&gt;Test event 2&lt;/title&gt;
          &lt;description&gt;lorem ipsum&lt;/description&gt;
          &lt;specfields&gt;
              &lt;city&gt;seattle&lt;/city&gt;
              &lt;startdate&gt;2011/09/11&lt;/startdate&gt;
          &lt;/specfields&gt;
      &lt;/item&gt;
  &lt;/root&gt;
  </code></pre>