Загрузка данных в модальное окно
 

Есть простое модальное окно реализованное на CSS, открывается и закрывается по click(), но данные в него загружаются до открытия, как можно сделать чтоб данные загружались и отображались только после открытия этого окна??
Jquery не нужен, так как кроме этой функции JS больше не будет

Или как можно вот этот пример переделать в обычный JS?

Ajax загрузка данных в диалоговое окно при клике :

$('#opener').click(function(){
                                $('<div id="my-dialog">Загрузка...</div>').dialog({
                                    open: function() {
                                                $.get('/design/form', function(response) {
                                                        $('#my-dialog').html('<p>' + response + '</p>');
                                                    });
                                    },
                                    close: function() {
                                    $('#my-dialog').remove();
                                    }
                                });
             
                     
});

туториал http://www.w3schools.com/Ajax/