Fiddle doesn't work Javascript

Question

http://jsfiddle.net/9zvt6/

var SList = $('.table>div.conChip').sort(function(a,b){
   return a.dataset.sid > b.dataset.sid
});

var i = 0;
while(SList.length>i)
{
  alert(SList[i].dataset.sid);
  i++;
}

If I remove the inner divs the styles and classes everything seems to work, otherwise it doesn't, what am I missing?

Answer 1

Change your sort, sort need to return negative, positive, zero to sort the reposition the element.

from

var SList = $('.table>div.conChip').sort(function(a,b){
   return a.dataset.sid > b.dataset.sid
});

to

var SList = $('.table>div.conChip').sort(function (a, b) {
    return a.dataset.sid - b.dataset.sid; 
    //for support in older browsers use jquery data api or getAttribute
    //return $(a).data("sid") - $(b).data("sid");
    //return a.getAttribute("data-sid") - b.getAttribute("data-sid");
});

Fiddle