Анимация animate.css

Всем привет. Хочу сделать анимацию корзины с помощью файла animate.css.

Есть корзина

<div class="cart-img" id="cart"><img src="/images/cart_icon.png"/></div>

Добавление товара в корзину

$.ajax({
        url: '/cart/add_cart',
        dataType : "json",
        type : 'post',
        data : {
            'id':id,'quantity':quantity
        },
        success: function (data, textStatus) {
            $('#cart img').addClass('animated zoomOut'); 
            $('#cart img').removeClass('animated zoomOut'); 
            $('#cart img').addClass('animated zoomIn'); 
        }
    });

Хочу сначала что бы корзина исчезала $('#cart img').addClass('animated zoomOut'); а потом появлялась, но почему то он только появляется. Не исчезает или слишком быстро исчезает. Что можно придумать?