Как отсортировать элементы на странице?

На страницу бэкенд выводить данные в виде

<div><span>Равнина</span></div>
<div><span>Кружка</span></div>
<div><span>Алла</span></div>
<div><span>Секретарь</span></div>

Как с помощью javascript поменять элементы местами по алфавиту?

<div><span>Алла</span></div>
<div><span>Кружка</span></div>
<div><span>Равнина</span></div>
<div><span>Секретарь</span></div>

Важно, чтобы менялись местами именно дивы, а не только текст. Див будет содержать дополнительную информацию в data атрибутах