Как удалить добавленный элемент с помощью Jquery и почему привязка или прямая трансляция заставляют элементы повторяться

Теперь я знаю, что этот основной вопрос задавался раньше, но я, должно быть, делаю что-то не так. Я знаю, что добавленный элемент должен быть привязан, прежде чем я смогу что-либо с ним сделать. Однако, как бы я ни пытался, я не смогу заставить его работать.

Я добавляю сообщение и показываю, когда люди выбирают радио. Когда я пытаюсь связать новый элемент, он складывается странным образом. Это начнет складывать элементы. Например: [Нажмите 1] сообщение 1, [Нажмите 2] сообщение 1 и 2 и т. д.

Я перепробовал множество разных способов связать это. Я надеюсь, что удаление удалит #feedback, а затем создаст и свяжет следующее сообщение. Я должен делать что-то ужасно неправильно. Я знаю, что это очень похоже на другие посты, но я просмотрел их все и не смог найти достаточно четкого ответа, чтобы помочь. Заранее спасибо.

HTML

<div class="answers">
    <ul>
        <li>
            <input id="answer" type="radio" onclick="feedback('THE MESSAGE HTML')"><label>Label</label>
        </li>
    </ul>
</div>

JavaScript:

function feedback(message)
{
    $('#answer').live('click', function()
    {
        $('#feedback').remove();
    });

    $('#answer').live('click', function()
    {
        $('.answers').append('<div id="feedback">'+message+'</div>');
    });
};

Ответы на вопрос(5)

Ваш ответ на вопрос