<h2 data-placeholder="Enter a title" data-name="Title" data-func="input"></h2>

<div data-array="Items">
    <div class="well well-sm"><input data-deleteempty="1" name="Text" placeholder="Enter text" /></div>
</div>
<button data-target="Items" data-action="add">Add item</button>


<hr>



<button class="readbtn">Read data from form</button>
<button class="writebtn">Write example data to form</button>

$(".readbtn").on("click", function() {
    var data = $form.Read();
    alert(JSON.stringify(data));
    return false;
});


$(".writebtn").on("click", function() {
    var exampleData = {
      Title : "Test title",
      Items : [{Text:"Test 1"},{Text:"Test 2"}]
    };
    $form.Write(exampleData);
    return false;
});

Output templates

Templates used for document and web page generation: