Динамическое добавление div с атрибутами в javascript

---

У меня есть это ниже div, который является Kendo grid, который мне нужно создать динамически в javascript.

<pre><div kendo-grid id="tempGrid" hidden="hidden" k-options="meterGridOptions" k-rebind="columns"></div>

Любые зацепки, пожалуйста !

Что я уже пробовал:

document.body.appendChild('<div kendo-grid id="tempGrid" hidden="hidden" k-options="meterGridOptions" k-rebind="columns"></div>');

---