Запустить переход CSS через JS не работает

Я хочу начать переход CSS, который изменяет background-color и размер, если нажата кнопка. Но в коде есть ошибка:

js скрипка

JQuery

$(function() {

$('#change').click(function() {
    $('#box').addClass('change');
});
});

HTML

<div id="box" class="start"></div>

<div id="button">click</div>

CSS

.start{

height:100px;
width:100px;
background: black;
transition: all 2.0s linear;
-webkit-transition: all 0.8s linear;
-moz-transition: all 0.8s linear;
-ms-transition: all 0.8s linear;
-o-transition: all 0.8s linear;
}

.change{
width: 200px;
height: 200px;
background:yellow;
}

#button{
width: 80px;
height: 20px;
padding: 4px;
margin: 5px;
border:solid 1px black;
 background: grey;
cursor: pointer;
color: white;
}