Usar una nueva línea (\ n) en una cadena y hacer lo mismo en HTML

Tengo una cadena de decir

string display_txt = "1st line text" +"\n" + "2nd line text"; 

en Jquery, estoy tratando de usar

 ('#somediv').html(display_txt).css("color", "green") 

muy claramente, estoy esperando que mi mensaje se muestre en 2 líneas, pero en su lugar \ n se muestra en el mensaje. ¿Alguna solución rápida para eso?

Gracias,

Use
para una línea nueva en html:

 display_txt = display_txt.replace(/\n/g, "
");

Establezca su CSS en la celda de la tabla para

 white-space:pre-wrap; 
 document.body.innerHTML = 'First line\nSecond line\nThird line'; 
 body{ white-space:pre-wrap; } 

Puede usar una etiqueta previa en lugar de una div. Esto mostraría automáticamente sus \ n de la manera correcta.

 < !DOCTYPE html>       
 

Tal vez .text lugar de .html ?