How can I swap the order of these two sections?

[NKeuxmuis]

In the following code I display two buttons in the randommember div. I then append the randommember div with contents of the rana variable. This variable stores information related to a featured member and displays it as a link. Basically buttons appear on screen which are then followed by the featured member. But I would like to switch this around and have the featured member appear followed by the buttons. How can I do this? Obviously I can't put the buttons into the rana variable because then these become a link also removing the links functionality. Does anybody have any ideas how I can solve this problem. I am new to Javascript so please be gentle.

r = Math.floor(Math.random() * x.length);

function randommember() {
    name = (x[r].getElementsByTagName("name")[0].childNodes[0].nodeValue);
    sex = (x[r].getElementsByTagName("sex")[0].childNodes[0].nodeValue);
    seeking = (x[r].getElementsByTagName("seeking")[0].childNodes[0].nodeValue);
    image = (x[r].getElementsByTagName("imgname")[0].childNodes[0].nodeValue);
    rana = document.createElement('a');
    aIdName = 'random';
    ahref = '#';
    aclick = 'show(' + r + ')';
    rana.setAttribute('id', aIdName);
    rana.setAttribute('href', ahref);
    rana.setAttribute('onclick', aclick);
    rana.innerHTML = "<h3>Featured Member</h3><br /><img src='images/" + image + ".gif' /><br /><br />Name: " + name + "<br />Sex: " + sex + "<br />Seeking: " + seeking;
    document.getElementById("randommember").innerHTML = "<input type='button' onclick='previous()' value='<<' /><input type='button' onclick='next()' value='>>' /><br />";
    document.getElementById("randommember").appendChild(rana);

}