Почему не работает append()?

естественно они объявлены

вопрос не в них, а в том чего li не записываются в ul

var answerBox = $(".answer-box");

        function ListGenerate() {
            var list = "<div id='list-answer'><ul class='list-group'></ul></div>";
            answerBox.append(list);
          }
        ListGenerate();

        var bodyAnswer = "<li class='list-group-item'><input class='radio-btn' name='answer' value='question' type='radio'>111</li>";
        var listAnswerBox = $(".list-group");


        listAnswerBox.append(bodyAnswer);

Нужно var listAnswerBox = $(".list-group"); после того, как он появился на странице