Estoy tratando de mostrar imágenes, junto con el nombre y la identificación de una base de datos y mostrarlas en un menú desplegable select2. Veo en la consola que los objetos están llegando, pero no los muestran.

Gracias por tu ayuda.

 <select style="width: 100%" id="organization" class="form-control" name="organization-id"> <option value="" disabled selected>Find an organization</option> </select> function formatData (data) { if (!data.id) { return data.name; } var $result= $( '<span><img src='+ data.avatar +'/> ' + data.name + '</span>' ); return $result; }; $( "#organization" ).select2({ ajax: { url: "{{route('organization-search')}}", type: "get", dataType: 'json', delay: 250, data: function (params) { return { search: params.term // search term }; }, processResults: function (data) { return { results: data }; }, templateResult: formatData, templateSelection: formatData, cache: true } });