Как обновить/обновить элементы MDL Google, которые я добавляю на свою страницу динамически?

Я работаю с компонентами Google Material Design, которые убираются для простоты, а затем отображаются более полно, когда страница загружается. Упрощенное ниже, чтобы проиллюстрировать проблему:

Что отображается в файле index.html:

<div class="switch"></div>

Что отображает DOM при загрузке страницы:

<div class="switch">
   <div class="switch_track"></div>
   <div class="switch_thumb"></div>
</div>

Я создаю HTML-редактор с перетаскиванием и файлы шаблонов для каждого типа компонента. Файл шаблона для коммутатора просто:

switch.html

<div class="switch"></div>

Проблема заключается в том, когда я перетаскиваю это на холст. jQuery смотрит на switch.html и отображает <div class="switch"></div> в DOM, но поскольку он был динамически добавлен, он не воспринимается сценариями, добавляющими дополнительные дорожки и теги большого пальца.

Как я могу исправить эту проблему, чтобы всякий раз, когда DOM обновляется, она перезапускает любые скрипты? В идеале я бы хотел не касаться каких-либо файлов Material Design script.