How to insert row after last row with a certain class with JQuery?
<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>