Keyframe animation does not work in ie11 after ajax call, works fine in ie10

Question

I have been struggling with this problem all morning: I have a simple keyframe animation that works fine in chrome, safari, firefox and ie10, but it doesn’t work with ie11, or at least not after ajax call. Animation works great if I put it in the main part of the page, but stops working if I put it in the returned html of the ajax call. here is my code:

<div class="ie-animation-test">
    test
</div>


.ie-animation-test {
  position: absolute;
  background: red;
  top: 0;
  left: 0;
  z-index: 999999999;
  animation: 3s infinite ie-anim-test ;
}

@keyframes ie-anim-test {
  0% {
    top: 0;
    left: 0;
  }

  50% {
    top: 200px;
    left: 200px;
  }
  100% {
    top: 400px;
    left: 0;
  }
}