Sorting list

by nicktheandroid

HTML

<ul id="test">
    
    <li> Cups
        <span>12</span>
    </li>
    
    <li> Plates
        <span>18</span>
    </li>
    
    <li> Forks
        <span>03</span>
    </li>
    
    <li> Knives
        <span>08</span>
    </li>
    
    <li> Bowls
        <span>55</span>
    </li>
    
        <li> Bowls
        <span>08</span>
    </li>
    
        <li> Bowls
        <span>09</span>
    </li>
    
        <li> Bowls
        <span>10</span>
    </li>
    
            <li> Bowls
        <span>81</span>
    </li>
    
</ul>

CSS

ul {
    width:200px;
    background-color:#252525;
    padding:10px;
}

li {
    background-color:#353535;
    margin:10px;
    padding:5px;
    color:#fff;
}

li span {
    float:right;
}

JavaScript

function sortEm(a,b){
  return parseInt($('span', a).text()) < parseInt($('span', b).text()) ? 1 : -1;
}



$('li').sort(sortEm).prependTo($('ul#test'));