如何通过Javascript在文本框下方添加元素？

Question

我有html代码

  <div class="col-sm-10 labelRequired">
   @Html.EditorFor(model => model.dataSiswaVM.student_full_name, new { htmlAttributes = new { @class = "form-control mandatory" } })

  </div>

和Javascript代码

$(".mandatory").blur(function () {
    var _value = $(this).val();
    if (_value == "" || _value == null) {
        $(".labelRequired").each(function (index, value) {
            $(this).html("<label class='newVal-message-red'>Fill the field</label>");
        });
    }
});

方案是，当光标从文本框向上移动但文本框仍然为空时，javascript将在div类labelRequired内添加元素标签。 因此，文本“ Fill The Field”将显示在文本框下方。

但是，问题是，文本“ Fill The Field”替换了插入的文本框。 出现“填写字段”文本，文本框不见了。

我应该如何为所需的正确方案做准备。 谢谢。