Как изменить изображение в столбце при наведении курсора на строку таблицы, добавленную с помощью функции кнопки? ⇐ Html

[Anonymous]

Как изменить изображение в столбце при наведении курсора на строку таблицы, которая была добавлена ​​с помощью функции кнопки?
Ниже приведен мой текущий код, который не работает при наведении курсора на строку.
Это моя функция, которая добавляет строку в таблицу:
function addrow()
{
var table=document.getElementById("tablelist");
var row=table.insertRow(-1);
var cells = new Array();
for(var i = 0; i < 6;i++)
{
cells=row.insertCell(i);
cells.innerHTML="New";
}
cells[6]=row.insertCell(6);
cells[6].innerHTML='





';
}

jQuery:
$(document).ready(function(){
$(".userbox td").hover(function() {
var $img = $(this).find("img");
$img.attr("src", $img.attr("src").replace('-black.png', '-white.png'));
}, function() {
var $img = $(this).find("img");
$img.attr("src", $img.attr("src").replace('-white.png', '-black.png'));
});
});


Подробнее здесь: https://stackoverflow.com/questions/173 ... hat-was-ad