Usage

Example markup:

<ul>
    <li data-id="9">one</li>
    <li data-id="8">two</li>
    <li data-id="7">three</li>
</ul>

Sorting by text value

$("ul li").sorted();

Result:

<li data-id="9">one</li>
<li data-id="7">three</li>
<li data-id="8">two</li>

Reverse sorting

$("ul li").sorted({
  reversed: true
});

Result:

<li data-id="8">two</li>
<li data-id="7">three</li>
<li data-id="9">one</li>

Sorting by custom value

$("ul li").sorted(
  {
    by: function(v) {
      return parseInt(v.attr('data-id'));
    }
  }
);

Result:

<li data-id="7">three</li>
<li data-id="8">two</li>
<li data-id="9">one</li>