Elemento creado por jquery parpadea

[waltersele]

Hola foreros, despues de intentar googlear un rato y no encontrar solución a mi problema, me pongo en vuestras manos pues..

He creado un div, al mouseover creo un append donde aparece otro div creado por jquery, el cual se posiciona encima de este div. tengo un mouseout en el primer div para hacer desaparecer el div que aparece, el problema viene, cuando posiciono el raton encima del div creado por jquery.. ya que hace mouseout y desaparece. Me podrian ayudar a resolver este problema??

Aqui está el codigo:

Código:

$(document).ready(function(){
	$("article#casa").on("mouseover",function(){
		$(this).prepend("<div id='helloHome'>Ver más</div>");
		$("div#helloHome").animate({
			left: "+=50",
		});
	});
	$("article#casa").on("mouseout",function(){
		$("div#helloHome").remove();
	});
	

});

Gracias de antemano señores.