A table where each row is submittable

HTML

<table>
		<tbody>
			<tr>
				<td><input name="inputfield[]" type="text" value="input1" /></td>
				<td><select name="selectfield[]">
					<option selected value="select1-option1">select1-option1</option>
					<option value="select1-option2">select1-option2</option>
					<option value="select1-option3">select1-option3</option>
				</select></td>
				<td><a class="submit">Update</a></td>
			</tr>
			<tr>
				<td><input name="inputfield[]" type="text" value="input2" /></td>
				<td><select name="selectfield[]">
					<option selected value="select2-option1">select2-option1</option>
					<option value="select2-option2">select2-option2</option>
					<option value="select2-option3">select2-option3</option>
				</select></td>
				<td><a class="submit">Update</a></td>
			</tr>
			<tr>
				<td><input name="inputfield[]" type="text" value="input3" /></td>
				<td><select name="selectfield[]">
					<option selected value="select3-option1">select3-option1</option>
					<option value="select3-option2">select3-option2</option>
					<option value="select3-option3">select3-option3</option>
				</select></td>
				<td><a class="submit">Update</a></td>
			</tr>
      </tbody>
	</table>

JavaScript

$(".submit").on("click", function(){
			var row = $(this).parents("tr").first();
			$.post("", row.find("input, select, radio").serialize(), function(data){ console.log(data); });
		});