title: jQuery TinySort sorting and placing by data attribute
body: <p>I'm having a Friday afternoon moment, and I'm really struggling to sort these items how I want to!</p>
  
  <p>I have a list that will be filtered by choosing from two drop down lists. One is for the attribute, the other is for the value. I then want to sort the list based on the two drop down lists.</p>
  
  <p>So for example, the user might select attr4 with a value of 30. I then want to sort the list in ascending order with the matching items first, followed by the unmatched items. I.e. this list below:</p>
  
  <pre><code>&lt;ul&gt;
      &lt;li data-attr1="10" data-attr2="20" data-attr3="30" data-attr4="40" data-attr5="50"&gt;Option 1&lt;/li&gt;
      &lt;li data-attr1="20" data-attr2="30" data-attr3="40" data-attr4="50" data-attr5="10"&gt;Option 2&lt;/li&gt;
      &lt;li data-attr1="30" data-attr2="40" data-attr3="50" data-attr4="10" data-attr5="20"&gt;Option 3&lt;/li&gt;
      &lt;li data-attr1="40" data-attr2="50" data-attr3="10" data-attr4="20" data-attr5="30"&gt;Option 4&lt;/li&gt;
      &lt;li data-attr1="50" data-attr2="10" data-attr3="20" data-attr4="30" data-attr5="40"&gt;Option 5&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>Would then look like this: </p>
  
  <pre><code>&lt;ul&gt;
      &lt;li data-attr1="50" data-attr2="10" data-attr3="20" data-attr4="30" data-attr5="40"&gt;Option 5&lt;/li&gt;
      &lt;li data-attr1="10" data-attr2="20" data-attr3="30" data-attr4="40" data-attr5="50"&gt;Option 1&lt;/li&gt;
      &lt;li data-attr1="20" data-attr2="30" data-attr3="40" data-attr4="50" data-attr5="10"&gt;Option 2&lt;/li&gt;
      &lt;li data-attr1="40" data-attr2="50" data-attr3="10" data-attr4="20" data-attr5="30"&gt;Option 4&lt;/li&gt;
      &lt;li data-attr1="30" data-attr2="40" data-attr3="50" data-attr4="10" data-attr5="20"&gt;Option 3&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>I can do the entire list sorted quite easily using: </p>
  
  <pre><code>$('ul li').tsort({ data: attribute, order: 'asc'});
  </code></pre>
  
  <p>but I'm having trouble getting the matched items infront of the unmatched ones. I tried using:</p>
  
  <pre><code>$('ul li').tsort({ data: test, order: 'asc', place: 'start' });
  </code></pre>
  
  <p>to no avail. Can anyone spot what I'm doing wrong? Any help would be greatly appreciated - have a great Friday! Thanks!</p>
  
  <p>Darren</p>