title: Wrap ach group of elements with class starting with same characters
body: <p><a href="http://jsfiddle.net/7hABQ/12/" rel="nofollow noreferrer">Here</a> is a fiddle of what I have so far.
  I want to wrap all groups of 'OK' starting classes into their own:</p>
  
  <pre><code>&lt;div class="wrapper"&gt;
  </code></pre>
  
  <p>I figured one possibility could be to take the first element of each group, then run a <code>nextUntil()</code> until it finds element with class not matching the class, then <code>.wrapAll()</code>.</p>
  
  <p>It should in the en look like this:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="foo"&gt;aaa&lt;/div&gt;
  &lt;div class="wrapper"&gt;
    &lt;div class="ok-4"&gt;bbb&lt;/div&gt;
    &lt;div class="ok-21887"&gt;ccc&lt;/div&gt;
    &lt;div class="ok-6"&gt;ddd&lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="bar"&gt;eee&lt;/div&gt;
  &lt;div class="baz"&gt;fff&lt;/div&gt;
  &lt;div class="wrapper"&gt;
    &lt;div class="ok-5a4"&gt;ggg&lt;/div&gt;
    &lt;div class="ok-12"&gt;hhh&lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="bim"&gt;iii&lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>