Mam następującą strukturę HTML:

<div id="container">
    <div>1</div>
    <div class="red">2</div>
    <div class="red">3</div>
    <div>4</div>
    <div>5</div>
    <div class="red">6</div>
    <div>7</div>
</div>

Chciałbym uruchomić Jquery, które posortuje div wewnątrz kontenera div, zamawiając divpierwszy które mają klasę = „czerwony”, a następnie te, które nie, więc ostateczna struktura powinna być:

<div id="container">
    <div class="red">2</div>
    <div class="red">3</div>
    <div class="red">6</div>
    <div>1</div>
    <div>4</div>
    <div>5</div>
    <div>7</div>
</div>

Wsparcie? Dzięki.