jquery - JSFページにjscriptタグ(<%)でhtmlを追加するには?

Question

以下のように、jscript構文を含むjqueryテンプレートがたくさんあります。

<script type="text/x-jquery-tmpl" id="template-dimensions">
    <ul>
    <% _.each(dimensions, function(dimension) { %>
    <% if (dimension.name != 'Measures') { %>
        <li class='parent_dimension'>
            <span class="root collapsed sprite"></span>
            <a class="folder_collapsed sprite" href="#" title="<%= dimension.description ? dimension.description : dimension.caption %>"><%= dimension.caption %></a>

            <ul>
            <% _.each(dimension.hierarchies, function(hierarchy) { %>
                <% if (dimension.hierarchies.length > 1) { %>
                    <li class="hierarchy hide">
                        <a class="dimension" href="#"><%= hierarchy.caption %></a>
                    </li>
                <% } %>
                <% _.each(hierarchy.levels, function(level) { %>
                    <li class="hide"><a title="<%= level.uniqueName %>" rel="<%= level.uniqueName %>" 
                        class="dimension" href="#<%= dimension.name %>/hierarchy/<%= hierarchy.uniqueName %>/<%= level.uniqueName %>"><%= level.caption %></a>
                    </li>
                <% }); %>
            <% }); %>
            </ul>
    <% } %>
    <% }); %>
    </ul>
    </script>

を使用して、これを JSF ページに含めることを考えています。ただし、タグ "<%" を訴えるエラーがスローされます。どうすればそれを解決できるか、誰にも手がかりがありますか?