javascript - マウスオーバーがtrにあるときにテーブルにある入力に黒い背景を設定するにはどうすればよいですか?

Question

ソースの半分は自分で作成しようとしましたが、それ以上進めることができず、行き詰まったようです:

<table id="percab" onmouseover="hov();" border="1" style="width: 100%;">
    <tr><td><input type="text" value="something" name="test" /></td><td>welcome</td></tr>
    <tr><Td>check this out</td><td>&nbsp;</td></tr>
    <tr><td><input type="text" value="example" name="sample" /></td><td>sample</td></tr>
</table>​

function hov() {
    if(!document.getElementsByTagName || !document.createTextNode) return;
    var rows = document.getElementById('percab').getElementsByTagName('tbody')[0].getElementsByTagName('tr');
    for(i = 0; i < rows.length; i++) {
        rows[i].onmouseover = function() {
            for(var childItem in this.childNodes) {
                if(this.childNodes[childItem].nodeType == 1) {
                    this.childNodes[childItem].style.backgroundColor = "#000";
                    this.childNodes[childItem].style.color = "#FFF";
                }
            }
        }
    }
}​

行に入力がある場合（現在は内部のテキスト入力のみです）、この入力の背景も黒に設定したいと思います。

純粋な JavaScriptでお願いします。