Sorting column with check boxes. Doesn't work. I am stuck
<p>I would like that the Signed button in this JSfiddle sorts the column with the check boxes, like it actually does perfectly.</p>

<p><a href="http://jsfiddle.net/littlesandra88/DSRmg/" rel="nofollow">http://jsfiddle.net/littlesandra88/DSRmg/</a></p>

<p>I noticed that <code>tinySort</code>, the library used to sort the tables, can't sort the column with just the check boxes, so I added a <code>&amp;nbsp;</code> (or X in the JSfiddle for visability) for those <code>&lt;td&gt;</code>'s that have the check box checked, and it could sort the column.</p>

<p><strong>Problem</strong></p>

<p>The problem is, that when Save is clicked the <code>&amp;nbsp;</code> or X in this case, should be added, so when Signed is clicked, the column is sorted correctly.</p>

<p>In <a href="http://stackoverflow.com/questions/6343524/want-to-add-element-whats-wrong">this</a> post learned I how to add and remove <code>&amp;nbsp</code> or X.</p>

<p>It seams to me that JQuery can't find the <code>&lt;label&gt;</code>, because it is inside a <code>&lt;td&gt;</code>.</p>

<p><strong>How to reproduce problem</strong></p>

<p>Try un-checking one of the checkboxes and click Signed. Now the check box column is not sorted correctly any longer.</p>

<p><strong>Question</strong></p>

<p>How do I get the Save buttons to add a <code>&amp;nbsp;</code>, so the column can be sorted?</p>

<p><strong>Update</strong></p>

<p>In <a href="http://jsfiddle.net/littlesandra88/DSRmg/4" rel="nofollow">this</a> have I implemented Rakesh's answer of tablesort. But I still can't get it to work.</p>
