Reemplazar texto por input text

[masterpuppet]

Deberias tener en cuenta lo que estas haciendo Carxl, estas reemplazando el elemento osea lo estas quitando del DOM, sobre que va a haber un mouseout si el elemento ya no esta en el DOM?, la forma mas simple seria que crearas un wrapper para el elemento, algo asi:

Código Javascript:

$('.editaImagen').hover(
   function() {
      var el = $(this).children('.wrapper');                                                
      el.replaceWith("<input type='text' value='" + el.text() + "' />");                                                
   },
   function() {
      var el = $(this).children('input');
      el.replaceWith("<div class='wrapper'>" + el.val() + "</div>");                                                
   }
);
 

y el html deberia ser algo asi:

Código HTML:

<ul>
   <li class="editaImagen">
      <div class="wrapper">Lorem ipsum dolor sit amet</div>
   </li>
   <li class="editaImagen">
      <div class="wrapper"> Ut enim ad minim veniam</div>
   </li>
<ul>
 

Saludos.

PD: si queres hacer las celdas o algo parecido editable, no seria mejor en el evento click ?.