I have a div with the ID wrapper, and I am using .append() to insert some content at the end of that div, like this:

$(#wrapper).append('<div class=content><div class=subcontent>Some stuff</div></div>');

However, I also want the option to insert a new child before the last content div in the wrapper.

So if the HTML output looks like this:

<div id=wrapper>

    <div class=content>

        <div class=subcontent>

            First

        </div>

    </div>

    <div class=content>

        <div class=subcontent>

            Second

        </div>

    </div>

</div>

I want to insert an element before the last one, so I get this:

<div id=wrapper>

    <div class=content>

        <div class=subcontent>

            First

        </div>

    </div>

    <div class=content>

        <div class=subcontent>

            Third

        </div>

    </div>

    <div class=content>

        <div class=subcontent>

            Second

        </div>

    </div>

</div>

How would I do this?