Preview not loading on keypress
<p>I am new to jQuery.</p>

<p>I have created something like when I click the <code>add</code> button show the textarea and I enter data in textarea that want to show preview.</p>

<p>but preview is not working</p>

<p><a href="http://jsfiddle.net/nGfh4/" rel="nofollow">http://jsfiddle.net/nGfh4/</a></p>

<p>HTML:</p>

<pre><code>&lt;div id='TextBoxesGroup'&gt;
    &lt;div id="TextBoxDiv1"&gt;
        &lt;label&gt;Textbox #1 :&lt;/label&gt;
        &lt;input type='textbox' id='textbox1'&gt;
    &lt;/div&gt;
&lt;/div&gt;
&lt;div id="add_comment_box"&gt;&lt;/div&gt;
&lt;input type='button' value='Add Button' id='addButton'&gt;
&lt;input type='button' value='Cancel Button' id='canButton'&gt;
</code></pre>

<p>JavaScript:</p>

<pre><code>$(document).ready(function () {

    var commentNode = $('#lp-comment');
    //$(' #live-preview-form textarea').bind('blur keyup',function()
    commentNode.keypress(function (event) {
        alert('test');;
        commentNode.text($('#comment').val());
        commentNode.html($('#lp-comment').html().replace(/\n/g, '&lt;br /&gt;'));
    });

    $("#addButton").click(function () {

        // $('#add_comment_box').css('display','block');
        var newTextBoxDiv = $(document.createElement('div')).attr("id", 'form').hide();
        //   newTextBoxDiv.after().html('&lt;label&gt;Textbox # : &lt;/label&gt; &lt;input type="text" name="textbox" id="textbox" value="" &gt;');
        newTextBoxDiv.after().html(
            '&lt;div id="live-preview-form" class="lp-block"&gt;' +
            '&lt;textarea name="comment" id="comment" class="input" rows="10"&gt;&lt;/textarea&gt;' +
            '&lt;/div&gt;' +
            '&lt;div id="live-preview-display" class="lp-block"&gt;' +
            '&lt;div id="lp-comment"&gt;' +
            '&lt;/div&gt;');
        newTextBoxDiv.appendTo("#add_comment_box").slideDown();
        //   $("#TextBoxesGroup").append(newTextBoxDiv);
    });

    $("#canButton").click(function () {

        $('#form').slideUp(function () {
            $('#form').remove();
        });
        return false;
    });
});
</code></pre>
