提交文本后,jQuery消失了

Question

当我在输入字段中写入一些文本时.并希望它显示在输入字段下方,按下提交按钮时它会消失.我不知道为什么.

现场演示

HTML:

<textarea id ="comments" cols="30" rows="3"></textarea>
            <input type="submit" value="Submit" id="submit"/> 
            <div id="divComments"></div>

jQuery的:

function addComment(name1) {

        var container = $('divComments');
        var inputs = container.find('label');
        var id = inputs.length + 1;

        var div = $('<div />');

        $('<label />', {
            id: 'comment' + id,
            text: name1
        }).appendTo(div);

        div.appendTo(container);     
    }

    $('#submit').click(function () {
        addComment($('#comments').val());
        $('#comments').val("");
    });

Answer 1

你错过了#for id选择器,改变了

var container = $('divComments');

至

var container = $('#divComments');

查看固定演示.