Событие изменения ориентации jQuery для мобильных устройств

Итак, вот мой код.

$( window ).on( "orientationchange", function( event ) {
alert('1');
if (event.orientation == 'landscape'){
    alert('2');
    $('.item').css('width', '30.66%');   
} else if (event.orientation == 'portrait') {
    $('.item').css('width', '47%');   
}
});

$(document).on('ready', function () {
    $( window ).orientationchange(); 
});

Я просто пытаюсь изменить ширину моих объектов с именем .item. Я посмотрел синтаксис для изменения ориентации на мобильном телефоне jQuery, и он оказался правильным. Теперь я получаю свое первое предупреждение каждый раз, когда я меняю ориентацию, как и ожидалось, но я не попадаю внутрь оператора if. Из того, что я прочитал, вы получаете доступ к ориентации с помощью event.orientation, и она равна «портретной» или «пейзажной», но, похоже, это не работает для меня. Последняя часть просто для того, чтобы функция вызывалась, как только загружалась страница, которая всегда работает нормально. Спасибо