Jak usunąć dodany element za pomocą Jquery i dlaczego wiązać lub żyć powoduje, że elementy się powtarzają

Teraz wiem, że to podstawowe pytanie zostało zadane wcześniej, ale muszę robić coś złego. Wiem, że dołączony element musi się związać, zanim będę mógł coś z tym zrobić. Jednak spróbuj, jak mogę, nie mogę go uruchomić.

Wciągam wiadomość i wyświetla się, gdy ludzie klikają wybrane radio. Kiedy próbuję związać nowy element, układa się on w dziwny sposób. Zacznie układać elementy. np. [Kliknij 1] wiadomość 1, [Kliknij 2] wiadomość 1 i 2 i tak dalej.

Próbowałem całego szeregu różnych sposobów na związanie go. Miałem nadzieję, że remove usunie #feedback, a następnie utworzy i zwiąże kolejną wiadomość. Muszę robić coś strasznie złego. Wiem, że jest to bardzo podobne do innych postów, ale przeszedłem przez nie wszystkie i nie byłem w stanie znaleźć wystarczającej odpowiedzi, aby pomóc. Z góry dziękuję.

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>');
    });
};

questionAnswers(5)

yourAnswerToTheQuestion