Get SharePoint Group Users in alphabetical order through html table using ECMA script

Hi,

I have html table as below

<table id="datatable">
<tr>
</tr>
</table>

On the button click I have to get group users in the alphabetical order

For this I have written the script as below

<input type="button" id="btnshowusers" value="Show" onclick="ShowUsers()">

function ShowUsers()
{
var tbl = document.getElementById('datatable'); // table reference
var x = document.getElementById("datatable").rows.length;        
    // delete rows with index greater then 0
    // for(int i = tbl.rows.length - 1; i > 0; i--){tbl.deleteRow(i);}
//console.log(x);
if(x>1)
{

var tableRows = tbl.getElementsByTagName('tr');
var rowCount = tableRows.length;
for (var i=x-1; i>0; i--) 
{
tbl.deleteRow(i);
}
}
var clientContext = new SP.ClientContext();
var groupCollection = clientContext.get_web().get_siteGroups();
var oGroup = "groupname";

groupUsers = oGroup.get_users();
clientContext.load(groupCollection);
clientContext.load(oGroup);
    clientContext.load(groupUsers);

clientContext.executeQueryAsync(Function.createDelegate(this, this.onUserShowSucceeded), Function.createDelegate(this, this.onUserShowFailed));        

}

function onUserShowSucceeded()
{

    var userEnumerator = groupUsers.getEnumerator();
    while (userEnumerator.moveNext()) {
        var oUser = userEnumerator.get_current();
 var table = document.getElementById("datatable");
            var row = table.insertRow(1);
            var cell1 = row.insertCell(0);            

cell1.innerHTML = oUser.get_title();
}

}

function onUserShowFailed(sender, args)
{
alert('Request failed. ' + args.get_message() + '\n' + args.get_stackTrace());
}

Here the issue.

I am getting the group users in the reverese order i.e. in the below format

Yamini

Xavier

Abraham

Actually I need to get in the format as below

Abraham

Xavier

Yamini

Please let me know if I am missing anything here.

Regards,

Sudheer

Thanks & Regards, Sudheer