Why are line breaks removed after adding to cart?

Store Design
1

All line breaks are removed from the text area inputs on my product page when the customer clicks “add to cart”. How do I preserve the line breaks that they enter in the text area so they show in the cart?

Image 1 shows how the text looks when a customer enters it on the product page. Image 2 shows what happens after you click “add to cart”. As you can see, all line breaks are removed so the text is one big run on sentence. This does not occur if you let the text automatically wrap in the text boxes–it only happens if you press the “enter” key when typing the text.

Product page: https://www.palmettowoodshop.com/products/personalized-baby-block

image 1
image 1433×220 8.8 KB

image 2
image 2277×206 8.75 KB

2

I figured it out. I just added:

$(document).ready(function() {
  $("#t_area").keypress(function(event) {
    if(event.which == '13') {
      return false;
    }
  });
});

<textarea id="t_area"></textarea>