Jquery Replacing space in string with html <br /> tag

Question

I want to replace spaces in a string with a html <br /> tag, whats the best way of doing this?. Currently I have this code which replaces the spaces with a "-".

$(".msn").each(function() {
    $(this).text($(this).text().replace(/ /g, '-'));
});

Answer 1

$(".msn").html(function(i, oldHTML) {
    return oldHTML.replace(/ /g, '<br/>');
});

Answer 2

Try using .html() instead of .text():

$(".msn").each(function() {
    $(this).html($(this).html().replace(/ /g, '<br />'));
});