函数不会仅返回列表中的名称＆＃34;结果＆＃34;或一个名字

Question

我已经编写了一个函数，用于根据所选的性别从特定列表中返回一个名称，但此刻它只返回＆＃34;结果＆＃34; （奇怪的是，这只发生在我创建的小提琴上，在实际的网络应用程序中我只得到一个名字）。我如何重新设计我的功能，使其返回3个不同的名称，而不是现在正在做的事情。

HTML

<div id="names"></div>

的Javascript

for (i = 0; i < 5; i++) {
    generateTimeline();
}

function generateTimeline() {
    var genderArray = ['male', 'female'];
    var gender = genderArray[Math.floor(Math.random() * genderArray.length)];
    var name = getName(gender);
    $('#names').append(name + "<br>");
}

function getName(gender) {
    if (gender == "male") {
        var maleNamesArray = new Array();
        $.get('http://methuselah90.comoj.com/male-names.dat', function (data) {
            maleNamesArray = data.split('\n');
            name = maleNamesArray[Math.floor(Math.random() * maleNamesArray.length)];
        });
    } else if (gender == "female") {
        var femaleNamesArray = new Array();
        $.get('http://methuselah90.comoj.com/female-names.dat', function (data) {
            femaleNamesArray = data.split('\n');
            name = femaleNamesArray[Math.floor(Math.random() * femaleNamesArray.length)];
        });
    }
    return name;
}

Fiddle here