title: Strophe.js - How to get a group of rosters with its members?
body: <p>When using this Strophe command:</p>
  
  <pre><code>var iq = $iq({type: 'get'}).c('query', {xmlns: 'jabber:iq:roster'}); 
  connection.sendIQ(iq)
  </code></pre>
  
  <p>I get this as the success callback:</p>
  
  <pre><code>&lt;iq xmlns="jabber:client" xml:lang="pt-br" to="user01@localhost/100164477219111523302818" from="user01@localhost" type="result" id="82480785-c170-48d1-a180-bcadbff957d2:sendIQ"&gt;
    &lt;query xmlns="jabber:iq:roster"&gt;
      &lt;item subscription="both" jid="user02@localhost"&gt;
        &lt;group&gt;Roster01&lt;/group&gt;
        &lt;group&gt;Roster02&lt;/group&gt;
      &lt;/item&gt;
      &lt;item subscription="both" jid="admin@localhost"&gt;
        &lt;group&gt;Roster01&lt;/group&gt;
        &lt;group&gt;Roster02&lt;/group&gt;
      &lt;/item&gt;
      &lt;item subscription="both" jid="grupo02@conference.localhost"&gt;
        &lt;group&gt;Roster02&lt;/group&gt;
      &lt;/item&gt;
      &lt;item subscription="both" jid="grupo01@conference.localhost"&gt;
        &lt;group&gt;Roster01&lt;/group&gt;
      &lt;/item&gt;
    &lt;/query&gt;
  &lt;/iq&gt;
  </code></pre>
  
  <p>What I want is to know is if there's some way to get this callback grouped by the groups and its members. If there's not, how can I do it with Javascript. Examples: </p>
  
  <ul>
  <li>Roster 01 has admin, user02 and grupo01</li>
  <li>Roster 02 has admin, user02 and grupo02 </li>
  </ul>
  
  <p>I'm using ejabberd as the XMPP server and Ionic 3 with Strophe as the client.</p>