Danger Message в Bootstrap срабатывает только 1 раз. Как пофиксить?

Question

[nesipe]

Danger Message в Bootstrap срабатывает только 1 раз.
Кликаем на кнопку "Продолжить", если мыло не верно - срабатывает в первый раз, закрываем меседж и все, дальше не срабатывает, сколько не кликай. Почему?
HTML

<div class="alert alert-danger alert-dismissable" style="display: none" id="orderFormError">
        <button type="button" class="close" data-dismiss="alert" 
                aria-hidden="true">
            &times;
        </button>
        Incorrect Email
    </div>

JS

function checkForm(){
    var email = document.getElementById("email").value;
    var pattern = /^([a-z0-9_\.-])+@[a-z0-9-]+\.([a-z]{2,4}\.)?[a-z]{2,4}$/i;
    if(!pattern.test(email)){
        document.getElementById('orderFormError').style.display = 'block';
    }
    else
    document.getElementById("orderForm").submit();
}

Answer 1

[nesipe]

Я монстр. Удалось!

function checkForm(){
    var email = document.getElementById("email").value;
    var totalItems = document.getElementById("totalItems")
    var message = '<div class="alert alert-warning fade in">' +
      '<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>'+
      '<strong>Incorrect Email'+
      '</div>';
    var pattern = /^([a-z0-9_\.-])+@[a-z0-9-]+\.([a-z]{2,4}\.)?[a-z]{2,4}$/i;
    if(!pattern.test(email)){
     document.getElementById("errorBlock").innerHTML = message;
    }
    else
    document.getElementById("orderForm").submit();
}