Как отсортировать список на основе числа в каждом LI.span?

Я пытаюсь отсортировать список LI на основе числа, которое находится в диапазоне внутри каждого LI. Я просмотрел плагины, которые могут это сделать, но это не то, что я хочу.

Может ли кто-нибудь показать мне, как вы отсортируете простой список, как я сказал выше? Я действительно не знаю, с чего начать, я не знаю, сложно это или просто.

Вот мой код:

 ul {width: 200px; цвет фона: # 252525; обивка: 10px; } li {цвет фона: # 353535; маржа: 10 пикселей; отступ: 5 пикселей; цвет: #fff; } li span {float: right; } 

 
 
 Чашки  12  
 
 Тарелки  18  
 
 Вилки  03  
 
 Ножи  06  
 
 Миски  08