jQuery group list items by class
<p>I have an unordered dynamic list with same class list items. and I want to group the same class list items into one ul in the main ul. 
How can I group same class list items?</p>

<p>I want to convert the below dynamic list</p>

<pre><code>&lt;ul&gt;
    &lt;li class="a1"&gt;Some Content&lt;/li&gt;
    &lt;li class="a1"&gt;Some Content&lt;/li&gt;
    &lt;li class="a1"&gt;Some Content&lt;/li&gt;
    &lt;li class="a1"&gt;Some Content&lt;/li&gt;
    &lt;li class="a2"&gt;Some Content&lt;/li&gt;
    &lt;li class="a2"&gt;Some Content&lt;/li&gt;
    &lt;li class="a3"&gt;Some Content&lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>into this</p>

<pre><code>&lt;ul&gt;
    &lt;li&gt;A1
        &lt;ul&gt;
            &lt;li class="a1"&gt;Some Content&lt;/li&gt;
            &lt;li class="a1"&gt;Some Content&lt;/li&gt;
            &lt;li class="a1"&gt;Some Content&lt;/li&gt;
            &lt;li class="a1"&gt;Some Content&lt;/li&gt;
        &lt;/ul&gt;
    &lt;/li&gt;
    &lt;li&gt;A2
        &lt;ul&gt;
            &lt;li class="a2"&gt;Some Content&lt;/li&gt;
            &lt;li class="a2"&gt;Some Content&lt;/li&gt;
        &lt;/ul&gt;
    &lt;/li&gt;
    &lt;li&gt;A3
        &lt;ul&gt;
            &lt;li class="a3"&gt;Some Content&lt;/li&gt;
        &lt;/ul&gt;
    &lt;/li&gt;
&lt;/ul&gt;
</code></pre>