多行注释问题jquery

我正在制作一个图片网站,网站上有一堆图片,在每幅图片下面都有评论图片的可能,并且在评论没有页面加载和评论内容的情况下显示之后,问题是当我有长的评论,这些评论打破了当前行,因为我的评论框css溢出隐藏的。以下是示例:

这是注释-显示 适当地
这是评论这是 注释这是注释-这是 显示不正确

因为它断线了。以下是用于此的jquery代码:

$.ajax({
    type: "POST",
    url: "<?=base_url()?>imagesform/post_comment",
    data: datas,
    success: function () {
        $("#image-comments-" + image_id).attr("class", "comments");
        $("#image-comments-" + image_id).append("<li id=\"new_append_" + image_id+ "\">" + $("#image").find(".comment").val() + "</li>").children(':last').height($('.comments li:last').height()).hide().slideDown(500, function () {
            var bodyHeight = $('html').height();
            $('.addComment').fadeOut(300, function () {
                $('html').height(bodyHeight);
            });
        });
        alert($("#image").find(".comment").val());
    }

});

这里 $("#image").find(".comment").val() 输入注释的文本区域的值,当我警告它时,整条多行输入是否存在未正确附加到li的地方,即当我感到困惑时,是否有任何建议为什么只附加输入字符串的一部分?