[Ajax-Jquery ] - Problemas con Array y el HTML

[jc1992]

Buenas tardes!

Tengo un problema desde hace bastante tiempo y se trata de los Arrays con Ajax , yo recibo un array correctamente ahí no está el problema.

Entonces cuándo hago lo siguiente con un .html

Código Javascript:

<script>
    $.ajax({
                url:'obtenersubastas',
                dataType:'json',
                type:'get',
                cache:true,
                success:  function (response) {
                    $(response).each(function(index,value)  {
                            $(".name").html(response[index].nombre);
                    });
 
                },              
        });</script>
 

Y recibo el formato correcto en el html

Código HTML:

<div class="name">edasa</div>
 

En cambio cuándo hago un .append de la siguiente forma

Código Javascript:

success:  function (response) {
                    $(response).each(function(index,value)  {
                            $(".name").append(response[index].nombre);
                    });
 
                },
 

El resultado del HTML

Código HTML:

<div class="name">Nombre1Nombedasa</div>
 

Lo que necesito es ver el HTML con la última estructura , pero cada uno separado por su div.