Исходный код ajax

[DivMan]

Не понимаю, сделал обычный ajax запрос, что бы подгрузилась разметка, в браузере всё отображается, что надо, а заглянул в исходный код, а там пустота, почему, кто с таким сталкивался?

Во вкладке elements присутствует, а ctrl+u там её нету

[DivMan]

Вот пример, 

 

<div class="parent">
              <div class="child">
                <div class="grandchild"></div>
              </div>
            </div>
           
            <script>
                document.addEventListener('click', e => {
                  if (e.target.tagName === 'BUTTON') {
                    console.log('А вот и наша кнопка приехала!');
                  } else {
                    console.log('Это не кнопка...');
                  }
                });
               
                document.querySelector('.grandchild').innerHTML = '<button>Hi there!</button>';
            </script>

Кнопка отобразиться в браузере, но в исходнике не будет её. Что нужно сделать, что бы она тоже появилась?

Edited July 5, 2018 by DivMan

[Switch74]

прописать ее не через скрипт <button>Hi there!</button>
и вешать обработчик клика на уже существующую кнопку