I am using an external template and binding it my javascript. In IE8 I don't get my template. What am I missing to make this work in IE8?
Javascript:
var data = kendo.template($('#contactTmpl').html());
$('[data-iaform]').find('form').replaceWith(data);
HTML:
<title>{$site_title}</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<div class="class-Price-Quote-form" data-iaform="" >
<form>
</form>
</div>
Kendo Template:
<script id="contactTmpl" type="text/x-kendo-template">
<form class="contactTmpl" data-iacuform="">
<h4>Contact Name<span class="k-invalid-msg" data-for="name"></span></h4>
<input type="text" data-bind="value: name" name="name" placeholder="Full name" required data-required-msg="Please enter your name." />
<h4 >Title<span class="k-invalid-msg" data-for="title"></span>
<input type="text" data-bind="value: title" name="title" placeholder="Your title" data-required-msg="Please enter your title." /></h4>
<h4>Email<span class="k-invalid-msg" data-for="email"></span></h4>
<input type="email" data-bind="value: email" name="email" placeholder="e.g. myname@example.net" required data-required-msg="Please enter your email." validationMessage="Please enter email in following format: myname@example.net" />
<h4>Organization<span class="k-invalid-msg" data-for="organization"></span></h4>
<input type="text" data-bind="value: organization" name="organization" required data-required-msg="Please enter your organization." placeholder="Your organization" />
<h4>Phone</h4>
<input type="tel" data-bind="value: phone" name="phone" />
</form>
</script>
Javascript:
var data = kendo.template($('#contactTmpl').html());
$('[data-iaform]').find('form').replaceWith(data);
HTML:
<title>{$site_title}</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<div class="class-Price-Quote-form" data-iaform="" >
<form>
</form>
</div>
Kendo Template:
<script id="contactTmpl" type="text/x-kendo-template">
<form class="contactTmpl" data-iacuform="">
<h4>Contact Name<span class="k-invalid-msg" data-for="name"></span></h4>
<input type="text" data-bind="value: name" name="name" placeholder="Full name" required data-required-msg="Please enter your name." />
<h4 >Title<span class="k-invalid-msg" data-for="title"></span>
<input type="text" data-bind="value: title" name="title" placeholder="Your title" data-required-msg="Please enter your title." /></h4>
<h4>Email<span class="k-invalid-msg" data-for="email"></span></h4>
<input type="email" data-bind="value: email" name="email" placeholder="e.g. myname@example.net" required data-required-msg="Please enter your email." validationMessage="Please enter email in following format: myname@example.net" />
<h4>Organization<span class="k-invalid-msg" data-for="organization"></span></h4>
<input type="text" data-bind="value: organization" name="organization" required data-required-msg="Please enter your organization." placeholder="Your organization" />
<h4>Phone</h4>
<input type="tel" data-bind="value: phone" name="phone" />
</form>
</script>