$(document).ready(function() {
   $("img.hascaption").each(function() {
      $(this).wrap('<div class="figure"></div>')
      .after('<p class="caption">'+$(this).attr("title")+'</p>')
      .removeAttr('title');
   });
   $(".figure").width($(this).find('img').width());
      
   $(".figure").mouseenter(function(){
      $(this).find('.caption').slideToggle();
   }).mouseleave(function(){
      $(this).find('.caption').slideToggle();
   });
});