FadeIn() alert-error не работает в bootstrap3

Question

Пытается к сообщению fadeIn для div с бутстрапом 3 предупреждения-ошибки и скрыть классы, но не работает. То же самое работают с загрузчиком 2.3.2 есть ли другой способ для начальной загрузки 3.

Html:

<div id="success" class="alert alert-success hide"></div><br> 
<button type="submit" id="click" >Click</button> 

JavaScript:

$("#click").click(function() { 
    $("#success").html('Hello World!').fadeIn(); 
}); 

Bootstrap3 скрипка: http://jsfiddle.net/MLpyH/

Bootstrap2. 3.2 скрипка: http://jsfiddle.net/e4SAK/

Answer 1

$("#success").html('Hello World!').removeClass("hide").hide().fadeIn("slow"); 

http://jsfiddle.net/MLpyH/11/

Answer 2

По Bootstrap 3.0.1, класс .hide является deprecated и заменен .hidden или .sr-only:

<div id="success" class="alert alert-success hidden"></div> 

Обновление ответ на RPS:

$("#success").html('Hello World!').removeClass("hidden").hide().fadeIn("slow"); 

(I не хотел писать совершенно новый ответ, но мне не разрешено комментировать. Во всяком случае, спасибо, rps)