title: Sort with tinysort and data attribute
body: <p>I am trying to sort a list based on data attributes with <strong>tinysort</strong>.</p>
  
  <p>First the list:</p>
  
  <pre><code>&lt;ul id="late-services" class="list"&gt;
  &lt;li data-service-id="23" data-criticality="1000"&gt;
      &lt;span&gt;Service 23&lt;/span&gt;
      &lt;span class="list-collapse ui-icon ui-icon-carat-1-s"&gt;&lt;/span&gt;
      &lt;span class="service-zone"&gt;Cannes&lt;/span&gt;
      &lt;div class="list-item-belly" style="display: none;"&gt;
          &lt;div&gt;Deadline dans 1 semaine.&lt;/div&gt;
          &lt;div&gt;Le client n'a pas confirmé.&lt;/div&gt;
      &lt;/div&gt;
  &lt;/li&gt;
  &lt;li data-service-id="22" data-criticality="2000"&gt;
      &lt;span&gt;Service 22&lt;/span&gt;
      &lt;span class="list-collapse ui-icon ui-icon-carat-1-s"&gt;&lt;/span&gt;
      &lt;span class="service-zone"&gt;Cannes&lt;/span&gt;
      &lt;div class="list-item-belly" style="display: none;"&gt;
          &lt;div&gt;Deadline dans 1 semaine.&lt;/div&gt;
          &lt;div&gt;Le client n'a pas confirmé.&lt;/div&gt;
      &lt;/div&gt;
  &lt;/li&gt;
  &lt;li data-service-id="24" data-criticality="500"&gt;
      &lt;span&gt;Service 24&lt;/span&gt;
      &lt;span class="list-collapse ui-icon ui-icon-carat-1-s"&gt;&lt;/span&gt;
      &lt;span class="service-zone"&gt;Cannes&lt;/span&gt;
      &lt;div class="list-item-belly" style="display: none;"&gt;
          &lt;div&gt;Deadline dans 1 semaine.&lt;/div&gt;
          &lt;div&gt;Le client n'a pas confirmé.&lt;/div&gt;
      &lt;/div&gt;
  &lt;/li&gt;               
  &lt;/ul&gt;
  </code></pre>
  
  <p>And then the call to tinysort:</p>
  
  <pre><code>$('ul#late-services&gt;li').tsort('li', {data:'serviceId'});
  </code></pre>
  
  <p>I must be doing something wrong but don't know what...</p>