Добавить новую строку таблицы после текущей строки с помощью jQuery

Я пытаюсь добавить новую строку, которая является клоном текущей строки. Я пробовал следующий код. Он не выдает ошибку, но не добавляет строки. Какая ошибка здесь с моим кодом? Есть ли альтернативная легкая идея?

        $('input[name="cmdAddRow"]').live('click', function(){
            $curRow = $(this).parent('tr');
            $newRow = $curRow.clone(true);
            console.log($newRow);
            $curRow.after($newRow);
            console.log('added');
        });

Макет HTML:

<table>
    <tr>
        <td><input type="hidden" name="uin" value="xxx"></td>
        <td><input type="text" name="uname" value=""></td>
        <td><input type="text" name="uadd" value=""></td>
        <td><input type="text" name="utel" value=""></td>
        <td><input type="button" name="cmdAddRow" value="Add"></td>
    </tr>
</table>
6
задан tutankhamun 30 March 2015 в 11:50
поделиться