Como he puesto en el título, resulta que tengo una parte de código, en jQuery que al dar click añadir un tr con los inputs y los añado de forma dinámica, hasta aquí bien, pero luego he empezado a tener complicaciones, quiero pasar el valor de la variable incre concatenarlo con la clase de esa forma a la hora de añadir otro tr con inputs no me coge el valor del primer input.  

<html>
<head></head>


<body>

 

    <ul class="nav">
                              <li class="nav-item add_referencia" title="añadir">
                                  <a class="nav-link">
                                      <img src="../epanel/imagenes/ventas/add.png" />
                                  </a>
                              </li>
                              <li class="nav-item update" title="modificar">
                                  <a class="nav-link">
                                      <img src="../epanel/imagenes/ventas/editar.png" />
                                  </a>
                              </li>
                              <li class="nav-item" title="eliminar">
                                  <a class="nav-link">
                                      <img src="../epanel/imagenes/ventas/eliminar.png" />
                                  </a>
                              </li>
                              <li class="nav-item" title="exportar">
                                  <a class="nav-link">
                                      <img src="../epanel/imagenes/ventas/datos-adicionales.png" />
                                  </a>
                              </li>
                              <li class="nav-item view" title="visualizar">
                                  <a class="nav-link">
                                    <img src="../epanel/imagenes/ventas/referencia.png" />
                                  </a>
                              </li>
                         </ul>

</body>
    

    <script type="text/javascript">
         increment = 0;
        $('.add_referencia').click(function(){
            
            RowInput = '<tr><td><input class="referencia_prod_'+ increment+'" type="text" name="referencia"  value="" /></td>' +       
            '<td><input class="erp-table-input descripcion col-md-12" type="text" name="descripcion" value="" /></td>' +
            '<td><input class="erp-table-input col-md-12" type="text" name="iva" value="" /></td>' +
            '<td><input class="erp-table-input col-md-12" type="text" name="cantidad" value="" /></td>'+
            '<td><input class="erp-table-input precio col-md-12" type="text" name="precio" value="" /></td>'+
            '<td><input class="erp-table-input col-md-12" type="text" name="dto_por" value="" /></td>'+
            '<td><input class="erp-table-input col-md-12" type="text" name="dto_lineal" value="" /></td>'+
            '<td><input class="erp-table-input col-md-12" type="text" name="total" value="" /></td>'+
            '</tr>';
            increment++;
            $('.presupuesto').append(RowInput);
        
        });
    
        $('.presupuesto').on('keyup', '.referencia_prod_'+incre, function(e){
          
            $(this).val();
    
         });
    </script>

</html>
No sé por qué, pero no me lo coge, quería decir que es mi primer post, ya se nota, lo digo por si hay alguna forma específica de poner el código o algo, no estaría más saber para más adelante. Espero que alguien me pueda ayudar, ya que no domino muy bien el jQuery y gracias