Jquery .css ('opacidade', '0') não está funcionando

Ok, então eu tenho tentado algo, mas não posso fazê-lo funcionar.

Basicamente, eu tenho um monte de<li> que tem um oculto<div class="overlay">nele que apareceria se o<li> foi clicado. Não há problema em exibi-lo, mas de alguma forma estou tendo problemas para fazê-lo desaparecer.

Jsfiddle -http://jsfiddle.net/NP5YA/

Alguém pode ajudar?

Obrigado!