Цикл функции Jquery each() с Ajax

Я хочу заменить значения в каждом классе div моим результатом ajax, но я не могу добавить результат таблицы к отдельному классу div во время цикла. Я знаю, что $(this).append(table) почему-то размещен неправильно, потому что он не находится за пределами запроса ajax. Как я могу изменить это, чтобы получить эффект, который я хотел?

мой скрипт такой:

$('.developer_badgesarea').each(function(){
    // get the div class value to perform ajax
    var player_id = $(this).html();
    var table;

    // if condition to conduct ajax
    if(player_id != 'None'){

        $.ajax({
            // ajax stuff here
            success: function(result){
                //table created here
                $(this).append(table);
            }
        });
    }
});