Bootstrap alert is only working one time

Question

i am working on a web app in which after submit it calls a ajax page.Now if email is already present then it will throw alert.For this purpose I am doing bootstrap alert.But its working for the first time.Please see this bootply, When you press the add button then alert displays only first time.

Answer 1

.fadeOut() implicitly sets display: none;, thus you'll have to revert that, for example by calling .show().

$(".alert").show().delay(200).addClass("in").fadeOut(3500);

Answer 2

Well, duh, you're fading the alert out, so next time it shows it's invisible :

$(".alert").delay(200).addClass("in").fadeOut(3500);
                                      // ^^^ that's a fadeOut

change it to :

$(".alert").delay(200).addClass("in").fadeOut(3500, function() {
    $(this).removeClass('in').show();
});