SO - 25218065

by Arun P Johny

HTML

<div class="container">
    <div><label>Microsoft</label></div>
    <div><label>Apple</label></div>
    <div><label>Nokia</label></div>
    <div><label>Windows Phone</label></div>
    <div><label>Android</label></div>
    <div><label>Windows 8</label></div>
    <div><label>Windows Mobile</label></div> 
    <div><label>Intel</label></div>
    <div><label>AMD</label></div> 
    
</div>

CSS

.container{
    width: 300px;
    height: auto;
    float: left;
    position: relative;
}
.container div{
    width: 100%;
    height: 30px;
    border-bottom: solid 1px #999;
}

JavaScript

var els = $('.container div').get();

els.sort(function(el1, el2){
    return $(el1).text().trim().localeCompare($(el2).text().trim())
})

$('.container').append(els)