add row table

by nicosa

HTML

<table id="table">
<tr><td><input type="text" class="form-control" name="input[0]['name']" placeholder="input your name"></input></td><td><button type="button" name="add" id="add">
add
</button></td></tr>
</table>
<button type="submit" class="btn btn-primary col-md-2" id="btn-save">
save
</button>

JavaScript

var i=0;

	$('#add').click(function(){
  ++i;
  $('#table').append('<tr><td><input type="text" name="inputs['+i+'][name]"></input></td><td><button type="button" name="remove" class="btn btn-danger remove-table-row">remove</button></td></tr>');
  	
  });
  
  $(document).on('click','.remove-table-row',function(){
  $(this).parents('tr').remove();
  });
  
  $('#btn-save').click(function(){
  alert();
  });