javascript - change order divs with jQuery

Question

<div class="test one">aaa</div>
<div class="test two">bbb</div>
<div class="test three">ccc</div>

Is possible change order this divs with jQuery? I would like receive:

<div class="test two">bbb</div>
<div class="test three">ccc</div>
<div class="test one">aaa</div>

i can use only jQuery

LIVE: http://jsfiddle.net/cmVyM/

I will make this only one - if document is ready.

Answer 1

Sounds like you want to move the first div after the last.

$.fn.insertAfter inserts the matched elements after the parameter:

$(".test.one").insertAfter(".test.three");

http://jsfiddle.net/rP8EQ/

Edit: If you want a more general solution of adding the first to last, without resorting to the explicit classes:

var tests = $('.test');
tests.first().insertAfter(tests.last());