Sort order discrepancy in javascript key value objects
<p>I've set up a jsFiddle example of my problem: <a href="http://jsfiddle.net/3s6Qf/1/" rel="nofollow">Example</a></p>

<p>Given this html:</p>

<pre><code>&lt;select id="drop1" data-jsdrop-data="countries"&gt;&lt;/select&gt;
&lt;select id="drop2" data-jsdrop-data="countries2"&gt;&lt;/select&gt;​
</code></pre>

<p>And the following javascript:</p>

<pre><code>var countries = {"1" : "Albania", "5" : "Australia","2": "United Arab Emerates"};
var countries2 = {"AL" : "Albania", "AU" : "Australia", "AE" : "United Arab Emerates"};


function loadJSOptions(selector, list) {
    $.each(list, function (key, value) {
        $(selector).append($("&lt;option&gt;&lt;/option&gt;").val(key).html(value));
    }
});

$(document).ready(function() { 
    $('select[data-jsdrop-data]').each(function() {
       var selector = $(this);
       var listname = selector.attr("data-jsdrop-data");
       var listvalue = null;
       eval("listvalue = " + listname + ";");
       loadJSOptions(selector, listvalue);
    });
});
</code></pre>

<p>​
Can anyone explain to me why the list with the Alpha key gets listed based on the order entered while the list with the numeric key gets sorted based on the key?  If you look at the jsFiddle results, you'll see that drop1 shows Albania, United Arab Emerates, Australia while drop2 shows Albania, Australia, United Arab Emerates.</p>

<p>Thanks for your help.</p>
