Встраивание скрипта с шаблоном jsrender

Я хотел бы использовать переменную из моего шаблона jsrender для создания фрагмента javascript, но я не могу понять, как поместить <script type="text/javascript">в мой<script id="data-item-tpl" type="text/x-jsrender">

Надеюсь, изложенное ниже достаточно ясно. Приведенный ниже код создает Uncaught SyntaxError. Если я удалю теги из встроенного скрипта, то он просто печатается на странице в виде текста.

В приведенном ниже коде я пытаюсь создать div с идентификатором 'chartId', а затем скрипт, который заполнит этот div содержимым через объект MyChart.

<script id="data-item-tpl" type="text/x-jsrender">
    <div class="item">
        <div class="graphs">
            <ul class="thumbnails">
                {{for graphs}}
                <li><div class="thumbnail"><img src="{{html:url}}" width="190" height="120" /><p>{{html:graphTitle}}<br />{{html:value}}</p></div></li>
                {{/for}}
                <!-- Here we insert both the placeholder for, and the javascript to populate charts -->
                <li><div id="{{html:chartId}}" style="width:120;height:190px;"></div></li>
                <script type="text/javascript">
                    var chartObj = new MyChart("{{html:chartId}}");
                    chartObj.render();
                </script>
            </ul>                           
        </div>
       ...
</script>