SO fiddle

by Nick Craver

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.4/themes/overcast/jquery-ui.css">
<button>Add Row</button>
<form id="myform">
    <table id="mytable">
        <tbody>
            <tr><td><input type="text" name="row0"></td></tr>
        </tbody>
        <tfoot>
            <tr><td><input type="button" id="save" value="SAVE"></td></tr>
        </tfoot>
    </table>
</form>

JavaScript

$('#save').click(function() {
    alert($('#myform').serialize());
});
var i = 1;
$("button").click(function() {
    $("tbody").append('<tr><td><input type="text" name="row' + (i++) + '"></td></tr>');
});