How to sort $(xml).children()?

How can i sort xml elements by tagName (nodeName) when i call $(xml).children()?

I was hoping i can do something like $(xml).children().sort() but that doesn't seem to work.

Here's an example: (http://jsfiddle.net/bdMn3/1/)

Code:

var xml = "<data><itemB>more data</itemB><itemC>yes, more data</itemC><itemA>some data</itemA></data>";

var info = $("#info");

$(xml).children().each(function () {
    var xmlnode = $(this);
    info.append(this.tagName + " - " + xmlnode.text() + "<br/>");开发者_开发知识库
});

Current Results:

ITEMB - more data
ITEMC - yes, more data
ITEMA - some data

Desired Results:

ITEMA - some data
ITEMB - more data
ITEMC - yes, more data

The sort function takes a compare function as a parameter.

$(xml).children().sort(function(a, b) { return a.tagName > b.tagName ? 1 : a.tagName < b.tagName ? -1 : 0; })