Textareaには神秘的な空白があります

Question

何らかの理由で、jqueryを使用して追加するテキストエリアに空白が作成されます。

javascriptの

$(document).ready(function(){ 
    var artistName = $("#artist-name").text(); 
    var songName = $("#song-title").text(); 
    var prepopulated_tweet = "@Myrfriends @RndomPerson \"you'll love this track\" @" + artistName + " - " + songName + " #Rock #Pop #Soul Krilex.******.co/rx11" 
    $("#tweet-message").append(prepopulated_tweet); 
}) 

HTML

<textarea name="name" rows="4" cols="80" id="tweet-message"></textarea> 

出力

@Myrfriends @RndomPerson "あなたはこの曲を好きになる" @Krilex -

小品 -

レッド

#Rock #Pop #Soul Krilex。*****。コ/ RX11

任意の手がかり？

Answer 1

#song-titleの要素には改行が必要です。考える

：

<div id="song-title"> 
    Pieces - Red 
</div> 

$("#song-title").text();は返します：

" 
    Pieces - Red 
"