$('#el1').mouseover(function() {
$('#el2').append('<div id="text">Handler for .mouseover() called.</div>');
});
<div id="el1">
<div id ="el2"></div>
</div>
#el1 {
width:600px;
height:100%;
background-color:grey;
position:absolute;
}
#el2 {
width:300px;
min-height:200px;
background-color:red;
position:absolute;
top:70px;
left:150px;
}
#text {
color:white;
font-family: helvetica;
}