запускать ключевые кадры-анимацию по клику более одного раза

У меня есть div, что он имеет содержание изображения. Я хочу реализовать анимацию, когда я нажимаю на изображение, но это происходит только с первым щелчком мыши, а следующий щелчок по изображению неэффективен. В чем проблема и как я могу ее решить?

$(function () {
         $('div.c').bind('mousedown', function () {
             var $elem = $(this);
             $elem.stop(true)
             .css({ "-webkit-animation-name": "xi",
             "-webkit-animation-duration": "3s",
             "-webkit-animation-timing-function": "ease", 
             "-webkit-animation-delay": "1s",            
              })
              })})

а также

     @-webkit-keyframes xi{ 0% {
  left: 100px;
}

40% {
  left: 150px;
}

60% {
  left: 75px;
}

100% {
  left: 100px;
}}

Ответы на вопрос(1)

Ваш ответ на вопрос