Tengo el siguiente JS:

 $(".place").mouseover(function () {
            $(this).css('background-color', '#00cc00'); // green color
        }).mouseout(function () {
            $(this).css('background-color', '#336699'); // light blue color
        });

Cuando el mouse se acaba, div se vuelve verde. Quiero cuando el usuario hace clic en div y luego div persiste en color verde. Si vuelven a hacer clic, configure el color en azul claro. ¿Cómo puedo hacer esto
Gracias