i need to ad a new style-tag  to make a new transition duration for css3 animation and I must make it with t jQuery.

I simply use:

$('#mydiv).css({"-webkit-animation-duration" : "10s"}); // Chrome 

But jQuery makes this:

style="-webkit-animation: 10s;"

and not

style="-webkit-animation-duration: 10s;"

If I use JS without jquery it works in this mode:

document.getElementById("mydiv").style.webkitAnimationDuration = '10s';

 how I can fix it using jquery?