Создание кнопок из списка, состоящего из объектов из вызова API

Question

На моем веб-сайте есть раздел для раскрывающегося списка. Я заполнил список объектами из вызова API.

Когда я пытаюсь создать кнопки на основе каждой страны в списке, он добавляет «Дания» независимо от того, какая страна выбрана в формате тега h1.

JQuery:

for (var i=0; i< results.length; i++){
            //console.log(results[i].country);
            var countryList = $("#your-team");
            var newList = $("<li><a class='dropdown-item teamselect' id = '" + results[i].fifa_code + "' href='#follow-teams'>"+ results[i].country + "</a></li>");

            countryList.append(newList);

            var fifaCode = results[i].fifa_code;
            var fifaCodePound = "#" + fifaCode;
            console.log(fifaCodePound);
            var teamInfo = $("#teaminfo");
            var teamTitle = $("#teampagetitle");
            var teamStat = $(
                "<h1>" + results[i].country + "</h1> <span> Wins: " + results[i].wins 
                + "</span><br><span> Losses:" + results[i].losses + "</span>"
            );

            $(newList).on("click", function(event) {
                    //teamTitle.append("<h1>" + results[i].country + "</h1>");
                    teamInfo.append(teamStat);
                    $("#placeholder").style("height: auto;")

HTML

<section id = "follow-teams">
            <div class="container">
                <div class= "row">

                    <div class="dropdown">
                        <h1>Follow your favorite teams</h1>
                        <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Select a Team to Follow
                        <span class="caret"></span></button>
                        <div id="your-team" class="dropdown-menu team-dropdown">
                            <!-- <li id="your-team"></li> -->
                        </div>

                        <div id = "teaminfo"></div>
                    </div>
                </div>
                <br>
                    <div class="row">
                        <div class="team-buttons"></div>
                    </div>