jQuery TinySort sorting and placing by data attribute
<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>
