jQuery append after into an element before

Question

I am trying to move content to be after test2 but at the moment it's not working.

<div id="test">
    <div id="test2"></div>  
</div>

<div id="content"></div>

I'm using the following jQuery:

$("#test2").after("#content");

This is how .after() is meant to function? I've checked the jQuery docs and can't find what I'm doing wrong?

Answer 1

$("#content").insertAfter("#test2");​

will result in:

<div id="test">
    <div id="test2">b</div>
    <div id="content">a</div>  
</div>

jsFiddle example.