Problema al crear campos

Tengo el siguiente codigo:

Código Javascript :

$(document).ready(function(){
    
    //Agregar nuevo producto
    var contador = 2;
    $("#echale").click(function(){
        var linea = '<h1>Producto # ' + contador++ + '</h1><hr style="width: 50%;"><p>URL:<input type="text" name="url[]" id=""></p><p> Precio:<input type="text" class="importe_linea" value="0"></p><p> Envio:<input type="text" class="importe_linea" name="precio[]" id="" value="700">Yen</p>';
        $("#seccion_producto").append(linea);       
    });
    
    //Sumar los precios de cada producto al soltar la tecla
    $(".importe_linea").keyup(function(event) {  
        alert("Hola");
    });
    
});

Mi problema es que cuando creo nuevo campos con la clase "importe_linea" solo en los campos originales me muestra el mensaje "Hola" en los campos generados no muestra el mensaje, alguna idea de por que no funciona y como solucionarlo?


Gracias

Segui buscando y encontré una solución:

Código Javascript :

    //Sumar los precios de cada producto al soltar la tecla
    $("body").on("keyup", ".importe_linea", function(event){
        alert("Hola");
    });
    

Referencia:

http://api.jquery.com/on/

Correcto amigo, el evento .on() es la sustitución del evento .live() detecta cambios asi sean cargados posteriormente al script.