.on("mouseout", function) não funciona

Estou tentando fazer um efeito em uma imagem, para aparecer o título dela somente quando o mouse estiver em cima, e estou utilizando essa função abaixo, mas somente o" mouseoverr" funciona, quando o mouse sai do elemento, ele não esconde  como mouseout deveria fazer. Mas meu console não acusa nenhum erro.

(function($){
	$(document).ready(function(e){
 $(".title-post").hide();
 $(".entry-thumb").on("mouseover", function(){
 $(".title-post").show();
 });
 $(".entry-thumb").on("mouseout", function(){
 $("title-post").hide();
 });
	});
})(jQuery);