Sort div

by Dipak1991

HTML

<div id="room_1">
    <div class="roomheader"></div>
    <div class="userlist" data-name="Blue">Blue</div>
    <div class="userlist" data-name="Zoosa">Zoosa</div>
    <div class="userlist" data-name="Any">Any</div>
</div>
<div id="room_2">
    <div class="roomheader"></div>
    <div class="userlist" data-name="Blue"></div>
    <div class="userlist" data-name="Zoosa"></div>
    <div class="userlist" data-name="Any"></div>
</div>
<div id="room_3">
    <div class="roomheader"></div>
    <div class="userlist" data-name="Blue"></div>
    <div class="userlist" data-name="Zoosa"></div>
    <div class="userlist" data-name="Any"></div>
</div>

JavaScript

$("#room_1 .userlist").sort(function (first, second) {    
    return $(first).data('name') > $(second).data('name');
}).appendTo($("#room_1"));