Sujet : mouseover et mouseout

Bonjour, j'ai cree un evenement mouseover sur une div afin de changer la div par un textarea, jusqu'ici ca marche.

Mais lorsque je souhaite remetre la div au lieu du textarea lorsque la souris quitte le textarea, cela ne marche pas.

voici le code

$('textarea.plc-rep').mouseout(function()
{
    var text = $(this).text();
    $(this).replaceWith("<div class=plc-rep>" + text + "</div>");
})
       
$('div.plc-rep').mouseover(function()
{
        var txt = $(this).text();
        $(this).replaceWith("<textarea cols=55 class=plc-rep>" + txt + "</textarea>");
  });

ainsi que le html


<div class="plc-rep plc-black"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque nec laoreet magna, non fringilla est. Nulla nec odio molestie, eleifend tellus in, aliquam ligula. Quisque eu mauris ac magna molestie dapibus vel non ligula. Nullam faucibus.Nulla nec odio molestie, eleifend tellus in, aliquam ligula. Nullam faucibus. aliquam ligula. Nullam faucibus </div>

Merci de votre aide.