Mozilla FireFox中的警报图标未关闭

Question

以下是我使用的代码：

<div class="alert alert-danger" id="alertDanger" style="display:none">
    <p style="width:100%"><i class="sg-icon sg-icon-warning fa fa-info-circle"></i><span class="alert-message"></span><button class="closeClass"><i class="sg-icon sg-icon-x fa fa-times"></i></button></p>
</div>

 $('.closeClass').click(function () {
            $('#alertDanger').hide();
            $('#alertWarning').hide();
            $('#alertSuccess').hide();
        })