Tenho o seguinte JS:

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

Quando o mouse terminar, div ficará verde. Quero quando o usuário clica em div, em seguida, div persiste na cor verde. Se clicarem novamente, defina a cor para azul claro. Como posso fazer isso
Obrigado