Untitled

<html>
<head>
    <title>Bootstrap CDN Simple Example</title>
    <link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet">
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
</head>
<body>

<script type="text/javascript">
$(function() {

  $(document).on("click","#btnsubmit",function() {
      $.post( "guardar.php", $( "#miform" ).serialize() ).done(function(data){
            alert( "Los datos fueron enviados a guardar.php, se deben recorrer $_POST['prod'] Respuesta:  "+data );
      })
      .fail(function() {
            alert( "error no pude enviar los datos" );
      });
      return false;
  });

    $(document).on("click","#btnadd",function() {
      $('#tblprod tr:last').after('<tr><td>3</td><td><input name="prod[]" /></td></tr>');
      return false;
  });

});
    </script>
</head>
<body>
    <form id="miform" name="miform" >
<table id="tblprod" class="table table-hover">
      <thead>
        <tr>
          <th>Codigo Producto</th>
          <th>Nombre</th>

        </tr>
      </thead>
      <tbody>
        <tr>
          <td>1</td>
          <td><input name="prod[]" /></td>
        </tr>
        <tr>
          <td>2</td>
          <td><input name="prod[]" /></td>

        </tr>
        <tr>
          <td>3</td>
          <td><input name="prod[]" /></td>
        </tr>
      </tbody>
    </table>
    <button id="btnadd" class="btn btn-primary">Agregar Nuevo</button>
    <button id="btnsubmit" class="btn btn-success"> Guardar en PHP</button>
</form>


</body>