Сортировка по стилю

Здравствуйте.

У меня есть такой код:

<div>  
<iframe></iframe>  
<iframe></iframe>  
<iframe class="active"></iframe>  
<iframe></iframe>  
</div>

Нужно, чтобы при клике на кнопку получилось такое:

<div>  
<iframe class="active"></iframe>  
<iframe></iframe>  
<iframe></iframe>  
<iframe></iframe>  
</div>

То есть iframe active поднимался на первое место.
Но есть еще одна проблема: надо, чтобы оно перемещало и не меняло содержимое. Я много перепробовал вариантов, но оно действовало так: удаляло элемент и создавало его в том месте, каком надо. А нужно, чтобы просто перемещало.
Помогите, пожалуйста, я все перерыл и не знаю, как сделать. (