Sort DOM Elements with jQuery

sort.html

<ul class="js-people">
	<li data-name="John Doe">Mr. John Doe</li>
	<li data-name="Trent Richardson">Mr. Trent Richardson</li>
	<li data-name="Cindy Smith">Ms. Cindy Smith</li>
	<li data-name="Bill Williams">Mr. Bill Williams</li>
	<li data-name="Jane Doe">Mrs. Jane Doe</li>
</ul>
<script>
$(document).ready(function(){
    var $people = $('ul.js-people'),
	$peopleli = $people.children('li');
    
    $peopleli.sort(function(a,b){
    	var an = a.getAttribute('data-name'),
    		bn = b.getAttribute('data-name');
    
    	if(an > bn) {
    		return 1;
    	}
    	if(an < bn) {
    		return -1;
    	}
    	return 0;
    });
    
    $peopleli.detach().appendTo($people);
});
</script>