Ориентация на элемент, который был добавлен после того, как DOM был готов

Question

Я загружаю карту через скрипт на своей странице контактов.Карта загружается с помощью следующего скрипта в заголовке:

<!-- CSSMap SCRIPT -->
<script type="text/javascript" src="https://cssmapsplugin.com/5/jquery.cssmap.min.js"></script>

Перед тегом body находится скрипт, который инициализирует карту:

<script type="text/javascript">
  $(document).ready(function(){

  // CSSMap;
  $("#map-europe").CSSMap({
    "size": 1450
  });
  // END OF THE CSSMap;

});
</script

Это HTML-код карты:

<!-- CSSMap - Continents -->
<div id="map-continents">
 <ul class="continents">
  <li class="c1"><a href="#africa">Africa</a></li>
  <li class="c2"><a href="#asia">Asia</a></li>
  <li class="c3"><a href="#australia">Australia</a></li>
  <li class="c4"><a href="#europe">Europe</a></li>
  <li class="c5"><a href="#north-america">North America</a></li>
  <li class="c6"><a href="#south-america">South America</a></li>
 </ul>
</div>
<!-- END OF THE CSSMap - Continents -->

После загрузки страницы вышеуказанные элементы html li содержат span элементов с классом .m.Это выглядит так:

<li class="c1"><span class="m"><span class="s1"></span><a href="#africa" style="clip: rect(1px, 1px, 1px, 1px);">Africa</a><span class="bg"></span></li>

Я хотел бы нацелиться на эти .m классы с помощью JavaScript.

Но когда я написал:

var testing = document.getElementsByClassName('m');
    console.log(testing);

, я получил:

HTMLCollection []

Я думаю, это как-то связано с тем, что элементы span с классом .m загружаются через библиотеку javascript карты после того, как DOM будет готов.

Как настроить таргетинг на элементы класса .m?