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

Question

[Kostya Ostapuk]

var listAnswerBox = $(".list-group");
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" + i + "' type='radio'>"+choice+"</li>";
listAnswerBox.append(bodyAnswer);

<div class="answer-box"></div>

Answer 1

[Kostya Ostapuk]

$(".list-group").append(bodyAnswer); - так сработало

var listAnswerBox = $(".list-group"); - так нет
listAnswerBox.append(bodyAnswer);

Comments

[An2]

Что, сам себе поставил правильный ответ?)

[Kostya Ostapuk]

An2, он рабочий, не более того

Answer 2

[Виталий Мудрый]

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

$answerBox.append(list);

Comments

[Kostya Ostapuk]

что?

[Kostya Ostapuk]

не помогло!

Answer 3

[An2]

А объявлены переменные i и choise?
var choise; var i;

У меня на выходе получилось:

<div id="list-answer"><ul class="list-group"></ul></div>

т.к. i и choise пустые

Comments

[Kostya Ostapuk]

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

[Kostya Ostapuk]

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

[An2]

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"); после того, как он появился на странице