Formulario em processo não é preenchido

Possuo um processo com um formulário que é criado dinamicamente com o código abaixo:

Os usuarios preenchem os campos mas os valores dos campos preenchidos não são salvos ao movimentar o processo. Como posso fazer para que quem movimentar o formulário consiga ver os valores preenchidos?

JS


loadTabela();

function loadTabela(){

    var dataset_ref = DatasetFactory.getDataset("dts_Lista_Compras_Nutri", null, null, null);
    var itens = dataset_ref.values

    var table = $("<table>").addClass("table");


    $.each(itens, function(index, item) {

        var row = $("<tr>");

        $("<td>").append($("<input>").attr("placeholder", "QTD em Estoque").attr("name", "inpt_qtdEstoque")).appendTo(row);
        $("<td>").append($("<input>").attr("placeholder", "QTD Solicitada").attr("name", "inpt_qtdSolicitada")).appendTo(row);
        $("<td>").append($("<span>").text(item.Un)).appendTo(row);
        $("<td>").append($("<span>").text(item.Produto)).appendTo(row);
        $("<td>").append($("<input>").attr("placeholder", "OBS").attr("name", "inpt_obs")).appendTo(row);

        table.append(row);
      });

    $("#refeitorio").append(table);

}

HTML


<body class="fluig-style-guide">

    <h1 class="title-form-application">Formulário Compras Cozinha</h1>

    <div class="form-input">
        <div class="form-group">
            <form>
                <label>Nome</label>
                <input type="text" class="form-control" name="form_nomeC" value="" placeholder="" data-size="medium"style="width: 50%;">
                <br>
            </form>
        </div>
    </div>

    <div class="panel panel-primary" id="ref">
        <div class="panel-heading">
            <h3 class="panel-title">Lista Compras Cozinha</h3>
        </div>
        <div class="panel-body" id="refeitorio" >

        </div>
    </div>


</body>

Olá, campos criados e preenchidos dinamicamente não ficam salvos mesmo, por que não foram criados na tabela. No seu caso acredito que um Pai x Filho resolve. Abs.