css animation end event

HTML

<h1>hogehoge</h1>

CSS

@-webkit-keyframes hogeName{
    0% {background-color:red}
    50% {background-color:yellow}
    100% {background-color:black}
}
h1{
    animation:hogeName 5s;
}

JavaScript

$('h1').bind('webkitAnimationEnd', function () {
    alert("ok")
});