Неправильное отображение списка

Как сделать чтобы список выводился по порядку

$(document).ready(function (){
    $('#countTag').children().remove();
    $.get("/api/tag/order/popular?page=1&size=20",function (response) {
        for (var i = 0; i < response.items.length; i++) {
            $('#countTag').append(
                '<li class="mb-1">'
                + response.items[i].name
                +'</li>'
                + '<span class="item-multiple">'
                +     '<span  class="item-multiplier-x">x</span>'
                +     '<span  class="item-multiplier-count ">'+ response.items[i].countQuestionToDay + '</span>'
                + '</span>'
            );
        }
    })
})

   <div class="col-md-2" id="sidebarTag">
                <h4 id="h-recent-tags">
                    Недавние метки
                </h4>
                <ul class="list-unstyled" id="countTag">
                </ul>
            </div>