（HTML、Jquery）textareaから入力した文字のテーブル出力（2回目の質問）

###前提・実現したいこと
以前質問し、解決した後に新たな疑問が出てきました。

textareaに入力した文字をテーブルに出力し、改行された文字が２行以上に別れて出力されるようになりました。
途中で改行した文字を入力を受付ずに、次の入力した文字に詰めるようにしたいです。

（例）
１
２

４

６
⇩
１削除
２削除
４削除
６削除

###発生している問題・エラーメッセージ

途中で空白の文字で改行された文字が空白のまま改行されてテーブルに格納されます。
空白はスペースは入れていません。

（例）
１
２

４
⇩
１ 削除
２ 削除

４ 削除

###該当のソースコード

  <body>

<textarea id="data"></textarea><br />
<button id="start">出力</button>

 <table class="table" id="table">
 <thead>
 <tr>
 <td></td>
 </tr>
 </thead>
 <tbody>
 <tr>
 </tr>
 </tbody>
 </table>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
  <script language="JavaScript">

 //texareaに入力した文字を格納する
  $("#start").click(function(){
      var str = $("#data").val();
      var strList = str.split("\n"); //改行
      $.each(strList,function(index,val){
      $("#table").append(
              $("<tr></tr>").append($("<td>" + val + "<input type='button' value='削除'/></td>"))
              );
      });
  });


  </script>

  </body>

###試したこと
replace(/[\n\r]/g,"");
空白の削除も試しましたが、うまくいきませんでした。
業務中にインターネットの情報などを参考にしながら何時間も考えましたが、解決することが出来ませんでした。

###補足情報(言語/FW/ツール等のバージョンなど)
言語：HTML、Jquery
ツール:eclipse4.5

HTMLやJqueryの経験が浅いのですが、よろしくお願いします。