Question

var ccArray = [];
ccArray = $("input:checkbox[name='multiselect_ddlCC']").sort();

I can tell that I get the values I need in the array, but after sort() runs the array order is changed but not alphabetically. I get something like ENG, ATL, NAS, CLT, BIM.

Any ideas?

Answer 1

You have to sort the DOM elements and re-append them.

var $els = $("input:checkbox[name='multiselect_ddlCC']");

var $sorted = $($els.toArray().sort(function(a, b) {
  return a.value > b.value;
}));

$els.replaceWith($sorted);

Edit: Just tested replaceWith and it didn’t work, my bad. This works fine:

$els.each(function(i) {
  $(this).after($sorted.eq(i));
});

Demo: http://jsbin.com/agizoy/1/edit