<div class="container">
<div class="alert alert-info">
<h1>Creación Dinámica de lineas</h1>
</div>
<br>
<button type="button" name="crea" onClick="cargaProd();" class="btn btn-primary" )>
Nueva Linea
</button>
<button type="button" name="envia" class="btn btn-danger")>
Enviar
</button>
<hr>
<table class="table table-striped">
<tr>
<th>Nº</th>
<th>Articulo</th>
<th>Cantidad</th>
</tr>
<tbody id="listaArticulos">
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
</div>
var con = 1;
function cargaProd()
{
var linea = '<tr><td>'+con+'</td><td><input type="text" name="articulo[]" placeholder=" Articulo" class="form-control"/></td><td><input type="text" name="cantidad[]" placeholder="Cantidad" class="form-control"/></td></tr>';
$('#listaArticulos tr:last').after(linea);
con = con+1
}
se supone que cuando le de click al botón se realice la función pero no hace nada estoy al borde de l locura ya no tengo ni idea de como hacerlo alguien me puede ayudar
