jQuery on enter key submit form
<p>I built a simple form that submits whenever you press ENTER. It works fine, but whenever I tried running a <code>.post</code> inside of it, the text in the textarea breaks when I press enter instead of submitting. </p>

<p><strong>What I mean by breaking</strong></p>

<hr>

<p>The text in the textarea is <br />
| breaking<br /></p>

<hr>

<p><strong>This works fine</strong></p>

<pre><code>// Submit comment on ENTER key pressed
    $("textarea[name=comment_body]").keypress(function(event) {
        if (event.which == 13) {

            alert(comment_body);
        }
    });
</code></pre>

<p><strong>This doesn't</strong></p>

<pre><code>// Submit comment on ENTER key pressed
    $("textarea[name=comment_body]").keypress(function(event) {
        if (event.which == 13) {        
            var comment_body = $(this).val();    
            $.post("comments.php", {
                comment_body: comment_body
            }
            alert(comment_body);
        }
    });
</code></pre>

<p>How can I use jQuery .post inside of this without it failing?</p>
