Kendo Template error - cannot call method "replace" of undefined

[AP]

Hello, 

I have a template defined as:

<script id="roiTemplate" type="text/x-kendo-template">

        <div id="roi" class="span2 offset1 kpi">

            <p>#=title#</p>

            <input type="text" data-width="100" value="#=value#" class="dial" data-readOnly="true"/>

        </div>

</script>

And here I'm invoking the template and providing it data:

var getTemplate = kendo.template($('#roi').html());

var data = { value : "50", title: "ROI"};

$('#campaign-metrics').append(getTemplate(data));

When I load this page, I get the error "Uncaught TypeError: Cannot call method 'replace' of undefined" kendo.all.js at line 252." What am I doing wrong?

[Atanas Korchev]

Hello,

 The id of your template is "roiTemplate" yet you call $("#roi") which probably returns nothing. Fix the id of your template.

Regards,
Atanas Korchev
the Telerik team