关于添加和删除Animate类的动画Div问题

Question

请你看一下 This Demo ，让我知道为什么我无法将动画添加到第二次点击（不重要添加或更新）到格

我正在使用Animate.css插件，并且代码首先适用于每个代码，但添加了removeClass（）之后，两个动画都无法正常运行

<ol class="breadcrumb">
    <li>Model: Economics <span id="data"> </span></li>
</ol>
<button id="add" type="button" class="btn btn-default">Add</button>
<button id="update" type="button" class="btn btn-default">Update</button>

<script>
$(function () {
    $("#add").on("click", function () {
         $('#data').html('Just Been Added');
         $('#data').addClass('animated bounceInLeft');
         $('#data').removeClass('animated bounceInLeft');
    });
    $("#update").on("click", function () {
         $('#data').html('Just Been Updated');
         $('#data').addClass('animated bounceInLeft');
         $('#data').removeClass('animated bounceInLeft');
    });
});
</script>

谢谢