Проблемы с SVG на внутренних страницах сайта

Question

Здравствуйте. Дано: - svg-спрайт

<svg style="display: none;" width="0" height="0" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <defs>
      <!-- набор <symbol> -->              
    </defs>
</svg>

• скрипт, который c помощью ajax инлайнит этот спрайт в html

<script>
    var ajax = new XMLHttpRequest();
    ajax.open("GET", "assets/template/images/sprite.svg", true);
    ajax.send();
    ajax.onload = function(e) {
        var div = document.createElement("div");
        div.innerHTML = ajax.responseText;
        document.body.insertBefore(div, document.body.childNodes[0]);
    }
</script>

• сайт под управлением CMS MODX, на котором это все реализовано.
• в коде страницы иконки из спрайта вставляются так:

<svg class="icon icon-tools" ><use xlink:href="#icon-tools"/></svg>

Проблема: во всех браузерах, кроме IE иконки из спрайта подтягиваются только на первой странице. На внутренних пусто.

Благодарю за любой совет или помощь.