javascript - Imprimir los valores de la lista de arrays con un bucle en un div dinámicamente

Tengo un arreglo llamado desc que contiene algo de texto para cada uno de sus valores y cambia de longitud y valores dependiendo de lo que el usuario haga clic.

arreglo :

desc[0] =  "manhole cover on foothpath on barrog gaa grounds kilbarrack road loose."
desc[1] =  "Footpath at driveway to 17 Maywood Lawn in bad state of disrepair."

Me gustaría mostrar estos valores del array en un div llamado #container. En este momento, solo imprime el último valor del array en #container en lugar de imprimir cada uno de los valores de la lista.

JavaScript :

 function incidentList(){
            for(var i=0; i<desc.length; ++i){
             $("#container").text(desc[i]);
        }
      }

Html :

<div id="container" style="width: 50%; height:97%; float:right;"></div> 

¿Cómo debería proceder para imprimir la lista completa con cada valor del arreglo debajo del anterior usando un bucle?

Respuesta #1

function incidentList(){
  var full_list = ""
  for(var i=0; i<desc.length; ++i){
      full_list = full_list + desc[i] + '<br>'
  }
  $("#container").text(full_list);     
}

Respuesta #2

O simplemente:

$('#container').text(desc.join('\r\n'));