Jquery ben ezt hogyan?

Van egy ilyen kódom:

var modal = {

init: function() {

this.cacheDom();

this.initModal();

this.bindEvents();

},

cacheDom: function() {

this.$editorInit = $('#js-editor-init');

this.$popupCon = $('#js-popup-container');

},

initModal: function() {

this.$editorInit .append('<div id="js-popup-container" class="css-popup-container"></div>');

},

bindEvents: function() {

},

callModal: function() {

$('body').find(this.$popupCon).show();

alert('+');

}

};

modal.init();

A kód egy részében van egy ilyen sor: modal.callModal();

A gond az ez a sor nem fut le: $('body').find(this.$popupCon).show(); valószínűleg azért mert this.$popupCon nem létezik mivel, először elmentem a dom elemeket (cacheDom) utána appendelek (initModal) amit menteni szeretnék. Hogyan lehetne működésre bírni úgy hogy a selector a kódban csak egyszer szerepeljen? Ne ez legyen a megoldás: $('#js-popup-container').show(); Olyan kód jó lenne ami figyelné mikor jelenik meg egy div mikortól kezd el létezni és akkor hozza létre a selectort.