jquery - JQuery名name属性がIE9で機能しない

Question

テーブルの最後の行のクローンを作成し、jqueryを使用して新しい名前とID属性を指定しようとしています。

JQuery関数

function addTableRow(table){

    var $tr = $(table).find("tbody tr:last").clone();
    $tr.find("input,select,textarea").attr('name', 'test');
    $tr.find("input,select,textarea").attr('id', 'test');
    $(table).find("tbody tr:last").after($tr);

}

テーブル行（PHP内）

echo '<tr onclick="alert(this.innerHTML);">';
echo '<td>Home: </td>';
echo '<td colspan="6"><input type="text" name="home'.$i.'" id="home'.$i.'" value="'.$row['homePhone'].'" style="width: 90px;"></td>';
echo '</tr>';

ボタン（PHP外）

<button onclick="addTableRow(document.getElementById('tableID'));">Add</button>

上記のコードは、chromeとfirefoxで完全に機能します。ただし、IE9では、id属性のみが変更され、名前は一貫して変更されません。

この動作の原因と、コードを機能させるにはどうすればよいですか？