Jquery .on ('change') не запускает динамически добавленные элементы

Так что я'у нас есть страница со следующей структурой


    
    
    Upload a new image
    
    Link URL (Optional)
    
    
    

и я'мы написали некоторые JQuery таким образом:

$('div.editCampaignBanner input:file').on('change', function () {
        var value = $(this).val();
        var div = $(this).parent();
        var html = ''+ div.html() + '';
        if (value.length > 0) {
            div.after(html);
        }
        else if ($(this) > 1) {
            div.remove();
        }
    });

поэтому, когда я ввожу элемент в файл, он генерирует div под предыдущим:

    
        
        
        Upload a new image
        
        Link URL (Optional)
        
        
        
        
        
        Upload a new image
        
        Link URL (Optional)
        
        
        
    

Но сейчас, несмотря на то, что событие регистрируется с помощью.on() второй файл, введенный в div, не запускает событие. Что мне не хватает?

Ответы на вопрос(4)

Ваш ответ на вопрос