Скролл страницы изменение css

День добрый! Проконсультируйте, подскажите. Есть скрипт, изменения размера логотипа при скролле страницы. Но почему то срабатывает только на уменьшение, добавления стилей а обратно не удаляется. В чем причина ?

jQuery(window).scroll(function(){
      if(jQuery(window).scrollTop()>10){
          jQuery('.navbar .navbar-header .navbar-brand img').addClass('small');         
       }else{
          jQuery('.navbar.navbar-header.navbar-brand img').removeClass('small');          
       }
 });

Проблему решил, другим скриптом. Но хочу понять почему пример, срабатывает на половину