JQuery .find和.html（alertBox）不能与Bootstrap一起使用

Question

我有一个带Bootstrap主题的AJAX联系表单。 在这里，我必须尝试添加像这样的警告框

$('#contact-form').find('.sashikanta').html(alertBox);

但选择器无法找到类.sashikanta。代替上述简单警报工作正常，电子邮件表格正常工作。

以下是我的JS代码。

$(function () {
$('#contact-form').validator();
$('#contact-form').on('submit', function (e) {
  if (!e.isDefaultPrevented()) {
            var url = "mail.php";
                $.ajax({
                type: "POST",
                url: url,
                data: $(this).serialize(),
                success: function (data)
                {
                    var messageAlert = 'alert-' + data.type;
                    var messageText = data.message;


                    var alertBox = '<div class="alert ' + messageAlert + ' alert-dismissable"><button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>' + messageText + '</div>';


                    if (messageAlert && messageText) {

                        $('#contact-form').find('.sashikanta').html(alertBox);
                    $('#contact-form')[0].reset();
                    }
                }
            });
            return false;
        }
    })
});

请建议我没有通过Firebug找到任何东西。