Como agregar una descripcion a una imagen con jQuery

[DiifoOtz]

Hola buenas estoy en un dilema pues veran que quiero agregar una descripcion a una imagen de lo que venga en el title de la imagen al hacer hover.

Ejemplo:

Código HTML:

<div class="wrapper">
        <img src="image/capture.jpg" alt="Alt aqui" title="Esta es la descripcion que se debe mostrar en la imagen">
        <!-- Es decir que cuando se pase el mouse sobre la imagen esta debe mostrar en un Caption el title -->
    </div>
 

Tengo la idea de masomenos como hacerlo en jQuery pero todavia no doy en el blanco.

Puedo capturar el title con .attr("title") pero para crear el elemento y agregarlo en en un efecto no tengo la minima idea.

lo que pude hacer es capturar como ya dije el title y crear un nuevo div con clase caption a la cual le agrego entre parrafos "<p>" el contenido del title y cuando pase sobre la imagen se muestre y cuando me quite sobre la imagen se elimine pero no logro ajustar el caption a la imagen y sobre de ella.... :(

Código Javascript:

$(document).ready(function(){
                var titleImg = $('img').attr('title');
                $('img').hover(
                function(){
                    $('.wrapper').append('<div class="caption"></div>');
                    $('.caption').append("<p>" + titleImg + "</p>" );
                },
                function(){
                    $('.caption').remove();
                });
});
 

Alguna de manera de hacer esto sin plugins??