Sort divs alphabetically or numerically (based on content)

http://www.sitepoint.com/forums/showthread.php?1200566-Sort-div-order-alphabetically-based-on-contents

HTML

<div class="wrap">
    <button id="alphBnt">Alphabetical</button>
    </div>
    <div id="container"><div class="col-sm-2 box secondary cloud-hosting " ><h1>Symantec</h1><img src="/wp-content/uploads/2017/03/Symantec-.png" alt="Symantec" class="logo-<img"></div><div class="col-sm-2 box secondary connectivity " ><h1>Lenovo</h1><img src="/wp-content/uploads/2017/03/lenovo.png" alt="Lenovo" class="logo-<img"></div><div class="col-sm-2 box strategic contact-centres " ><h1>Citrix</h1><img src="/wp-content/uploads/2017/03/Citrix_partner_v2.png" alt="Citrix" class="logo-<img"></div><div class="col-sm-2 box secondary contact-centres " ><h1>Check Point</h1><img src="/wp-content/uploads/2017/03/CheckPoint.png" alt="Check Point" class="logo-<img"></div><div class="col-sm-2 box strategic connectivity " ><h1>Avaya</h1><img src="/wp-content/uploads/2017/03/avaya-partner.png" alt="Avaya" class="logo-<img"></div><div class="col-sm-2 box strategic cloud-hosting " ><h1>BT Wholesale</h1><img src="/wp-content/uploads/2017/03/bt-wholesale-logo.png" alt="BT Wholesale" class="logo-<img"></div><div class="col-sm-2 box strategic business-continuity " ><h1>Asigra</h1><img src="/wp-content/uploads/2017/03/asigra-powered.png" alt="Asigra" class="logo-<img"></div><div class="col-sm-2 box secondary cloud-hosting " ><h1>Belkin</h1><img src="/wp-content/uploads/2017/03/belkin.png" alt="Belkin" class="logo-<img"></div><div class="col-sm-2 box secondary connectivity " ><h1>CAT</h1><img src="/wp-content/uploads/2017/03/cat-v2.png" alt="CAT" class="logo-<img"></div><div class="col-sm-2 box secondary connectivity " ><h1>Blue Coat</h1><img src="/wp-content/uploads/2017/03/BlueCoat.png" alt="Blue Coat" class="logo-<img"></div><div class="col-sm-2 box secondary connectivity " ><h1>Calabrio</h1><img src="/wp-content/uploads/2017/03/calabrio.png" alt="Calabrio" class="logo-<img"></div><div class="col-sm-2 box secondary contact-centres " ><h1>Aruba</h1><img...

CSS

body {
    background: #eee;
    font-family: sans-serif;
}
.box {
    height: 100px;
    width: 100px;
    float:left;
}

.box img {width:100%}
.box h1 {
    color: white;
    font-size: 11px;
    text-align: center;
}
.box h2 {
    color: black;
    font-size: 2.5em;
    text-align: center;
}

JavaScript

var $divs = $("div.box");

$('#alphBnt').on('click', function () {
    var alphabeticallyOrderedDivs = $divs.sort(function (a, b) {
        return $(a).find("h1").text() > $(b).find("h1").text();
    });
    $("#container").html(alphabeticallyOrderedDivs);
});