He creado una tabla dinámica. Al hacer clic en el botón, los valores se agregan a la tabla desde el formulario. Pero mi tabla muestra la primera fila vacía inicialmente. Solo después de esa primera fila vacía de la tabla, se crean filas dinámicas. ¿Cómo eliminar esta primera fila vacía? Por favor, vea la imagen adjunta.

 @*============ form content ================*@ <div class="container col-md-12"> <div> <div class="col-md-4"> @Html.DropDownList("MedicineId", null, htmlAttributes: new { @class = "form-control ddrel" }) </div> <div class="col-md-6"> @Html.EditorFor(model => model.Amount, new { htmlAttributes = new { @class = "form-control iamt" } }) </div> <div class="col-md-2"> <button type="button" class="button button3 btn-default btn-sm"> <span class="glyphicon glyphicon-plus"></span> </button> </div> </div> </div> @*============= table ==============================*@ <table class="table table-condensed table-bordered" id="selected_units"> <thead> <tr> <th>Medicine</th> <th>Amount</th> <th>Delete</th> </tr> </thead> <tbody> <tr> <td></td> <td></td> <td></td> </tr> </tbody> </table> @*===============================================*@ <script type="text/javascript"> $('.button').click(function () { var reltype = $('.ddrel option:selected').text(); var relname = $('.iamt').val(); var newrow = '<tr><td>' + reltype + '</td><td>' + relname + '</td><td><input type="button" value="Delete" onclick="Remove(this)" /></td></tr>'; $('#selected_units tr:last').after(newrow); });