Обработчик собитий приближения удаления курсоа вызывается тлько для элементов из html кода, а нужно еще и для кода созданного в скрипте.

вот код:

function getRoomFloor7()
{
$('.img_floor').remove();
$('.f6').remove();
$('.f7').remove();
$('body').append('<div class="f7"></div>');
$('.f7').append('<table class="room_table"> </table>');
$('table').append('<tr> <td> <span class="td">701</span></td> <td> 708</td> </tr>');
$('table').append('<tr><td> 702</td><td> <span class="little_room">  708.1</span></td></tr>');
$('table').append('<tr><td> 703</td><td> <span class="little_room">  708.2</span></td></tr>');
$('table').append('<tr><td> 704</td><td> 709</td></tr>');
$('table').append('<tr><td> 705</td><td> 710</td></tr>');
$('table').append('<tr><td> 706</td><td> 711</td></tr>');
$('table').append('<tr><td> <span class="little_room">  706.1</span></td><td> 712</td></tr>');
$('table').append('<tr><td> 707</td><td> 713</td></tr>');
$('table').append('<tr><td></td><td> <span class="little_room">  713.1</span></td></tr>');
$('.f7').append('<img src="7a.png" class="img_floor">');
}
$(document).ready(function()
{
$("td").hover(
function () {
$(this).append($("<span> <- </span>"));
},
function () {
$(this).find("span:last").remove();
}
);
});

//подводим курсор - выделяем
$(document).on('mouseenter', 'td' ,function ()
{
$(this).append($("<span> <- </span>"));

});
//убираем курсор - удаляем старый эффект
$(document).on('mouseleave', 'td' ,function ()
{
$(this).find("span:last").remove();

});