Bom dia, preciso de ajuda, eu criei um input do tipo zoom e setei ele como readonly, no js eu criei uma função para habilitar o input, mas toda vez que eu clico no botão com evento de click, ele consegue abrir, mas perde as características do tipo zoom, ou seja ele se transforma em um input normal, gostaria de saber se tem como fazer isso, e se tiver como gostaria de saber o que eu estou errando, estou colocando os códigos em html e js para vocês verem.

 <div id="div_zoom" class="form-group col-md-6 col-sm-12 col-xs-12">
           <label>Nome dos usuarios (Lg)</label>

            <input readonly
                type="zoom"
                id = "zoom_usuario"
                name="zoom_usuario"
                data-zoom="{
                    'displayKey':'FUNOMFUNC',
                    'datasetId':'ds_gerente_consinco',
                    'maximumSelectionLength':'2',
                    'placeholder':'Informe o nome de usuario',
                    'fields':[
                        {
                           'field':'FUNOMFUNC',
                           'label':'NOME',
                           'standard':'true'
                        },
                        {
                          'field':'FUCPF',
                          'label':'CPF'
                        },
                        {
                          'field':'FUMATFUNC',
                          'label':'Matricula'
                        },
                        {
                           'field': 'LOJA',
                           'label': 'Loja'
                        }
                    ]
                 }"
            />
             </div>

var fechar = document.getElementById("fechar");

fechar.addEventListener("click", function() {

      $('#zoom_usuario').prop('readonly', false);
});