Javascript mouseenter() функция зависания не работает

Question

Я пытался создать эффект, когда я наводил изображение, и все изображение белым с текстом, но мой код не работает, может кто-нибудь возражать, говоря о том, чтобы позволить я знаю, что я делаю неправильно? http://jsfiddle.net/MBsbj/

<div class="frontImages"><img class="alignnone size-full wp-image-24" alt="biryani sideimage" src="http://tandoorifreshonline.com.mlseo.net/wp-content/uploads/2013/11/biryani-sideimage.png"/> 
<div class="hoverText">HOVER TEXT HERE</div> 
</div> 

    $('.frontImages').mouseenter(function(){ 
$('.hoverText').fadeIn(); 
}); 

.hoverText { 
display:none; 
} 

Примечания - этот код было основано офф этой темы: Show text when the cursor hovers over an image - однако, когда я ввел код из ответа, он, кажется, не работает. http://jsfiddle.net/nMCbY/

Спасибо!

Answer 1

Ваш код работает так, как вы должны добавить ссылку jQuery в ваш JSFiddle, чтобы заставить его работать. Смотрите обновленные скрипках: http://jsfiddle.net/MBsbj/1/ и http://jsfiddle.net/nMCbY/1/

Я также редактировал вторую скрипку, чтобы поместить заголовок над изображением, а не под добавив:

caption.offset({ top: image.position().top }) 

См: http://jsfiddle.net/nMCbY/3/