Coordenadas del cursor del mouse sobre la imagen: no funciona

Gracias a las sugerencias que recibí aquí , limpié mi código y ahora estoy usando jQuery puro. Hice pequeñas ediciones a un script que encontré aquí y tengo esto:

window.onload = function(){ var tooltip = $( '
' ).appendTo( 'body' )[0]; $( 'img' ). each(function () { var pos = $( this ).position(), top = pos.top, left = pos.left, width = $( this ).width(), height = $( this ).height(); $( this ). mousemove(function ( e ) { var x = e.pageX - left, y = e.pageY - top; $( tooltip ).text( 'x = ' + x + ', y = ' + y ).css({ left: e.clientX + 10, top: e.clientY + 10 }).show(); }). mouseleave(function () { $( tooltip ).hide(); }); }); };

Tengo un problema: intenté cambiar una línea de mi código para:

 $( tooltip ).text( 'x = ' + x + '
y = ' + y ).css({

Pero no funciona. En lugar de romper la línea, obtengo esto:

el salto de línea no funciona

cambio:

 $( tooltip ).text( 'x = ' + x + '
y = ' + y ).css({

a:

 $( tooltip ).html( 'x = ' + x + '
y = ' + y ).css({