Jquery 形式让人耳目一新

我正在处理一些现有的代码，并希望添加一些jQuery，使其更加现代化。这是我的密码：

<form stuff>
<div class="inputContainer">
        <input placeholder="Name" type="text" name="FullName" id="FullName" class="cat_textbox" maxlength="255" />
    </div>
<!--Other stuff and submit-->
</form>

<script>
$(document).ready(function(e) {
    $('#FullName').keyup(function(e) {
        var fullName = $(this).val();
        if(fullName.length > 5){
            alert("greater than 5");
        }
        else{
            var $toAppend = $(' div ')
                .addClass(' result ')
                .html('Length is not greater than 5');
            $toAppend.after(this);


        }
    });

});

</script>

$（文档）.ready（函数（e）{
$（“#全名”）.keyup（函数（e）{
var fullName=$（this.val（）；
如果（fullName.length>5）{
警报（“大于5”）；
}
否则{
变量$toAppend=$（'div'）
.addClass（'result'）
.html（'长度不大于5'）；
$toAppend.after（this）；
}
});
});

当我尝试附加时，页面会刷新。看看inspect元素，那里什么都没有！我想不出来。如何解决此问题？

我想您需要：

var $toAppend = $('<div>')

---

第一个生成一个新的

；第二个选择页面上任何和所有现有的

，然后在（这个）之后移动/复制它们。

我真是个白痴！真不敢相信我忘了带标签。。非常感谢你！我还将语法从after改为$（this.parent（）.append（$toAppend）；你确定这样行吗？在我看来，您的

after（）

不正确-您将

此
添加到
$toAppend
@Rowenia是正确的，因为您需要添加大于和小于，但我认为这并不能解决刷新问题。您需要更改最后一行：。如果你想让它保持原来的样子，你需要使用而不是
after（）
。你会尝试一下的！对于所有这些jQuery仍然是新的。我喜欢它。谢谢你的评论！
var $toAppend = $(' div ')