title: How to insert row after last row with a certain class with JQuery?
body: <p>Given the following table:</p>
  
  <pre><code>    &lt;table&gt;
          &lt;tr class="one"&gt;&lt;td&gt;Hello&lt;/td&gt;&lt;/tr&gt;
          &lt;tr class="one"&gt;&lt;td&gt;Hello&lt;/td&gt;&lt;/tr&gt;
          &lt;tr class="one"&gt;&lt;td&gt;Hello&lt;/td&gt;&lt;/tr&gt;
          &lt;tr class="two"&gt;&lt;td&gt;World&lt;/td&gt;&lt;/tr&gt;
          &lt;tr class="two"&gt;&lt;td&gt;World&lt;/td&gt;&lt;/tr&gt;
      &lt;/table&gt;
  </code></pre>
  
  <p>Is it possible to use JQuery to insert a row between the 3rd and 4th rows (when the class changes from "one" to "two")? If so, how? </p>
  
  <p>I'm thinking maybe using insertAfter() and .last() in some combination... </p>