Упорядочение DIV на основе имени класса с использованием Javascript / Jquery

У меня есть следующая структура 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>

Я хотел запустить Jquery, который будет сортировать div внутри контейнера div, упорядочив divпервый которые имеют class = "red", а затем те, которые не имеют, поэтому окончательная структура должна быть:

<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>

Помогите? Благодарю.

Ответы на вопрос(4)

Ваш ответ на вопрос