jak zagnieżdżonego diva wyciągnąć poza diva rodzica?

jest tak:
<div class="test">
<div class="error">costam</div>
</div>

a efekt ma być tak jak poniżej

<div class="test">

</div>
<div class="error">costam</div>

i żeby div dziecko był pod divem rodzica

[JAVASCRIPT] pobierz, plaintext 
var test = document.getElementsByClassName("test")[0];
var error = document.getElementsByClassName("error")[0];
 
test.parentNode.insertBefore(error, test);
test.parentNode.insertBefore(test, error);
[JAVASCRIPT] pobierz, plaintext 

a jak mam np.
<label>
<label class="error">costam</label>
<label>

i żeby było

<label>

<label>
<label class="error">costam</label>

i najlepiej w jquery jak ktoś umie;-)

Przecież to jest dokładnie taki sam przypadek?