Почему-то не работает скрипт
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
</head>
<body>
<form id="myForm"><input type="number" id="myNumber" value="5"><input type="submit" value="Do"></form>
<table class="my-table">
<thead>
<tr>
<th>Header 1</th>
<th>Header 2</th>
</tr>
</thead>
<tbody>
<tr data-row-num="1">
<td>Item 1</td>
<td>10</td>
</tr>
<tr data-row-num="1">
<td>Item 2</td>
<td>100</td>
</tr>
<tr data-row-num="1">
<td>Item 3</td>
<td>1000</td>
</tr>
</tbody>
</table>
<script src="//code.jquery.com/jquery-2.1.4.js" type="text/javascript">
<script type="text/javascript">
$('#myForm').submit(function(e){
e.preventDefault();
var input = parseInt($(this).find('#myNumber').val());
$('.my-table tr td:last-child').each(function(k, item){
var current = parseInt($(item).text());
$(item).text(current * input);
});
return false;
});
</script>
</body>
</html>
в фиддле работает хорошо
https://jsfiddle.net/mds0bxyo/