jQuery $.get() Order Doesn't Match

The php returns my arrays ordered by name, but when I use $.(get), they're ordered by id.

{
"34":{"id":"34","name":"Amber","assigned":1},
"72":{"id":"72","name":"Bob","assigned":0},
"7":{"id":"7","name":"Charlie","assigned":0},
"3":{"id":"3","name":"Gary","assigned":1}
}

$.get("/assign", { clasa: clasaDL.attr('id') },
  fu开发者_C百科nction(data){
    var checked, boxes = "";
    $.each(data, function(n, val) {
      checked = (val.assigned == 1) ? 'checked="yes"' : '';
      boxes += '<input type="checkbox" ' + checked + ' value="' + val.id + '" />' + val.name;
    });

  $('#dialog').html('<form id="assign">' + boxes + '</form>');
}, "json");

Question is: How can I order it by name, and not by id?

JavaScript objects are not ordered. While most browser keep the initial order, e.g. Chrome doesn't.

If you want sorted data, use an array - if you need access using a key which is not suitable for an array (non-numeric or lots of unused keys between the actual element keys), create an object containing key => array index mappings.

So your JSON could look like this:

{
    "data": [
        {"id":"34","name":"Amber","assigned":1},
        {"id":"72","name":"Bob","assigned":0},
        {"id":"7","name":"Charlie","assigned":0},
        {"id":"3","name":"Gary","assigned":1}
    ],
    "mappings": {"34": 0, "72": 1, "7": 2, "3": 3}
}

Then you could iterate over data or access an element by its id using data[mappings['yourid']]