Получить идентификатор div, созданного jquery

Question

У меня есть две функции, где первая создает div в dom, а вторая получает идентификатор через getElementById().К сожалению, моя вторая функция просто возвращает ноль.

Я искал использование $.Deffered() в любой из моих функций, но, увы, все, что я делаю, похоже, не работает

function one() {
    var dynamicDiv = $("<div>").attr("id", 'test');
    dynamicDiv.iziModal({
        //modal content here
    })
}

function two() {
    var container = document.getElementById('test');
    console.log(container.innerHTML); //not returning any data

}


enter code here

Я надеялся использовать это с библиотекой, которая заменяет изображения наобъект canvas, но он требует, чтобы «родительский элемент был действительным элементом DOM».Я уже некоторое время ищу, но не могу найти что-то подходящее по теме.

** Редактировать ** Спасибо за указание на ошибку в моем идентификаторе (я что-то пробовалеще до того как я вклеил).Функция iziModal (http://izimodal.marcelodolza.com/) в настоящее время извлекает содержимое через ajax (что, я полагаю, является проблемой здесь):

Функция iziModal:

dynamicDiv.iziModal({
        title: '',
        autoOpen: 1,
        width: 500,
        onOpening: function (offer) {
            offer.startLoading();
            $.get(demoUrl, function (data) {
                $('#' + id + " .iziModal-content").html(data);
                offer.stopLoading();
            });
        }
    });

Содержимоедругой файл:

<div id="test">
    <img src="./bundle/images/coupon.jpg" />
</div>

Answer 1

function one() {
    var dynamicDiv = $("<div>").attr("id", 'test');
    dynamicDiv.iziModal({
        //modal content here
    });
    $("body").append(dynamicDiv);
}