div中文字不换行(textarea中输入的文字，输出到div中文字不换自动换行的问题)

在文本域中输入文字，回车开始输入下一行文字
点击按钮将信息输出到div中，并还是换行输出

<textarea name="" id="content" cols="30" rows="10"></textarea>
<div id="info"></div>
<button id="btn">按钮</button>
<script src="./js/jquery.min.js"></script>
<script>
    var btn = $("#btn");
    btn.on('click', function () {
     
     
        var val = $("#content").val()
        val = val.replace(/\r\n/g, '<br/>'); //IE9、FF、chrome
        val = val.replace(/\n/g, '<br/>'); //IE7-8
        $("#info").html(val)
    })
</script>