Boa tarde. Gostaria de saber se alguem já teve a necessidade de montar um campo zoom através de uma função javascript. Tenho uma seguinte função que é acionada e sempre que isso acontece ela monta um campo no meu html. Um campo zoom

O problema que para campos html puros digamos assim funciona, e para o zoom não funciona.

Funciona:

html += '<input class="custom-control-input" type="checkbox" id="envia_email" name="envia_email" >' ;
$('#bodyTotais').empty().append(html);

Não funciona

html +='<label id="CP_GRUPOAPROVADORES" name="CP_GRUPOAPROVADORES">Grupo<FONT COLOR="red"> *</FONT></label> <input type="zoom" class="form-control" id="aprovadoresZOOM" name="aprovadoresZOOM"
                                        title="aprovadoresZOOM" placeholder="PESQUISE O GRUPO" onchange="" style=""
                                        data-zoom="{'displayKey':'CODIGO','datasetId':'ds_grupo_aprovadores','maximumSelectionLength':'1','filterValues': '','placeholder':'','fields':[{'field':'CODIGO','label':'Codigo'},{'field':'DESCRICAO','label':'Descricao','standard':'true','search':'true'}]}" />

$('#bodyTotais').empty().append(html);
                                '