Agregue una clase a un DIV cuando la parte superior de la ventana alcance un elemento específico y elimínela cuando no esté

tengo un.navigation en la parte superior de la envoltura. Quiero añadirlo a.fixed clase, cuando la parte superior de la ventana alcanzó el.bottom DIV y eliminar esta clase cuando la parte superior de la.bottom está en el alcance de la ventana (es una alternancia entre agregar y eliminar clase .fixed).

<div id="wrapper">
    <div class="navigation">
        <!-- There are some list elements here -->
    </div>
    <div class="bottom"></div>
</div>

Es lo que hice, pero no trabajo.

bottom     = $('.bottom');
$(window).scroll(function(){    
    if ($(this).scrollTop() > bottom){ 
        $('.navigation').addClass('fixed'); 
    }
    else{
        $('.navigation').removeClass('fixed');
    }
});

Respuestas a la pregunta(1)

Su respuesta a la pregunta