expected behavior

$(function(){

    function startRotate() {
        $("#reload").css("-webkit-animation-name", "loadingRotate");
        $("#reload").css("-webkit-animation-duration", "1s");
        $("#reload").css("-webkit-animation-iteration-count","infinite");
        $("#reload").css("-webkit-animation-play-state", "running");
    }
    function stopRotate() {
            $("#reload").css("-webkit-animation-play-state", "paused");
    }

    $("#start").click(function(){ startRotate(); });
    $("#stop").click(function(){ stopRotate(); });


});