jquery - ボタンがクリックされたときにjQueryがキューブを回転させる

Question

ボタンで立方体が回転しないのはなぜですか?
+=45deg を追加しています。コードは次のとおりです: jQuery:

$(document).ready(function(){
    $('button').click(function(){
        $('#cube').css('-webkit-transform','rotateY(+=45deg)');
    });
});

HTML:

<button>rotate</button>
<div id="cube">
</div>

CSS:

#cube {
display: block;
width: 250px;
height: 250px;
background: #66F;
}

jsfiddle: http://jsfiddle.net/ysLet/