How to evaluate and group together matched elements
<p>If my HTML looks something like:</p>

<pre><code>&lt;div&gt;&lt;h1&gt;red&lt;/h1&gt;&lt;/div&gt;
&lt;div&gt;&lt;h1&gt;red&lt;/h1&gt;&lt;/div&gt;
&lt;div&gt;&lt;h1&gt;red&lt;/h1&gt;&lt;/div&gt;
&lt;div&gt;&lt;h1&gt;red&lt;/h1&gt;&lt;/div&gt;
&lt;div&gt;&lt;h1&gt;yellow&lt;/h1&gt;&lt;/div&gt;
&lt;div&gt;&lt;h1&gt;yellow&lt;/h1&gt;&lt;/div&gt;
&lt;div&gt;&lt;h1&gt;yellow&lt;/h1&gt;&lt;/div&gt;
&lt;div&gt;&lt;h1&gt;green&lt;/h1&gt;&lt;/div&gt;
&lt;div&gt;&lt;h1&gt;pink&lt;/h1&gt;&lt;/div&gt;
</code></pre>

<p>What's the best approach in jQuery to evaluate how many h1 matches there are, and, if the match count is > 1 for a particular h1, put its div inside a container div:</p>

<pre><code>&lt;div class="matches"&gt;
    &lt;div&gt;&lt;h1&gt;red&lt;/h1&gt;&lt;/div&gt;
    &lt;div&gt;&lt;h1&gt;red&lt;/h1&gt;&lt;/div&gt;
    &lt;div&gt;&lt;h1&gt;red&lt;/h1&gt;&lt;/div&gt;
    &lt;div&gt;&lt;h1&gt;red&lt;/h1&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class="matches"&gt;
    &lt;div&gt;&lt;h1&gt;yellow&lt;/h1&gt;&lt;/div&gt;
    &lt;div&gt;&lt;h1&gt;yellow&lt;/h1&gt;&lt;/div&gt;
    &lt;div&gt;&lt;h1&gt;yellow&lt;/h1&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div&gt;&lt;h1&gt;green&lt;/h1&gt;&lt;/div&gt;
&lt;div&gt;&lt;h1&gt;pink&lt;/h1&gt;&lt;/div&gt;
</code></pre>

<p>I'm getting hung up with an each() function that returns every h1 to me, but I'm not sure if that's the best approach (jQuery newb trying to break into new territory).</p>
