html - Sort DIV randomly or by title -

html - Sort DIV randomly or by title -

i have grid, containing boxes images , text below:

<div id="grid"> <!-- -------------------------- box markup -------------------------- --> <div class="box" data-category="beerary"> <div class="box-image"> <div data-thumbnail=".." ></div> </div> <div class="box-caption"> <div class="box-title">title 1</div> <div class="box-text"> random text... </div> </div> </div> <!-- -------------------------- box markup -------------------------- --> <div class="box" data-category="restaurant"> <div class="box-image"> <div data-thumbnail=".." ></div> </div> <div class="box-caption"> <div class="box-title">title 2</div> <div class="box-text"> random text... </div> </div> </div>

and want create button in order sort boxes randomly or via box-title. tried using tinysort saw here didnt work.

may have help?

edit: below tried http://jsfiddle.net/vbql2m82/ think somehow have flag box-title in order sort them.

html