Trigger пользовательское событие Jquery

Question

Я работаю в плагин JQuery и попытался вызвать пользовательское событие после того, как вставить JQuery Dom элемент в теле .. но события не происходит ..

Возможно ли это без разрешения пользователя взаимодействуют между собой ?

Мой код:

var $div = $('<div />'), $container = $div.clone(); 

$container.text('test').appendTo('body'); 
$.event.trigger('ContainerInit', [ $container ]); 

$(document).on('ContainerInit', function(e, $elementContainer) { 
    alert('test here!'); 
}); 

Answer 1

$(document).ready(function() { 
    var $div = $('<div />'), 
       $container = $div.clone(); 

    $container.text('test').appendTo('body'); 

    // you should provide a selector to the handler! 
    $(document).on('ContainerInit', 'div', function(e, $elementContainer) { 
     // console.log is better than alert 
     console.log('test here!'); 
    }); 

    // trigger event only after assigning handler using correct way to trigger! 
    $container.trigger('ContainerInit', [$container]); 
}); 

check here