Упорядочение 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>
Помогите? Благодарю.