为什么我在Firefox中看到gif而在Chrome中看不到？

Question

当我点击Chrome中的按钮时，我希望看到动画gif，就像我在Firefox中一样。

我试过超时但无济于事。这看起来很基本。但是我很难过。

有谁知道我怎么做到这一点？

$(document).on('click',".opener",function(event){
    $(".ajaxSpinnerImage").show();
    $("button").hide();
    alert("In FF I will now see the gif. In Chrome I won't.");
    $("body").html("Done!");
});

.ajaxSpinnerImage{
    display:none;
}

<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="//code.jquery.com/ui/1.11.1/jquery-ui.min.js"></script>
<link href="//code.jquery.com/ui/1.11.1/themes/blitzer/jquery-ui.css" rel="stylesheet"/>
<button class="opener">Click me to see animated gif</button>
<img src="http://cdnjs.cloudflare.com/ajax/libs/semantic-ui/0.16.1/images/loader-large.gif" class="ajaxSpinnerImage" title="Please wait...">