モーダルウィンドウ での入力内容をサーブレットで取得したい

Question

前提・実現したいこと

すみません、急ぎです。よろしくお願いします。
form先の"Comment"にコメント入力内容を送信したいです。
流れ
①jQueryとCSSを利用したモーダルウィンドウでコメント入力画面を表示する。
②コメントを入力した後、追加ボタン[submit]を押す。
③Comment.javaでコメント入力内容を取得

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

コメント内容を入力してsubmit送信したら、nullエラーが出ます。

該当のソースコード

<div class="content">
		<div class="modal js-modal">
			<div class="modal__bg js-modal-close"></div>
			<div class="modal__content">
				<!-- モーダルウィンドウで表示したいコンテンツを入れる。 -->
				<p>コメント追加</p>
				<form action="Comment" method="post" id="comment"><br>
				<p>内容</p>
				<!-- 文字数制限表示 -->
				<div class="comment_area"><span class="now_cnt">0</span>/30</div>
				<!-- 入力フォーム -->
				<textarea class="sample" name="comment" rows="5" cols="40"></textarea><br><br>
				<!-- 追加ボタン -->
				<input type="button" class="btn" value="追加" disabled>
				</form><br>
				<a class="js-modal-close" href="">閉じる</a>
			</div>
		</div>
	</div>

@charset "UTF-8";
/*全称セレクタ：*(アスタリスク)は全ての要素を対象とするセレクタ */
*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
.content{
    margin: 0 auto;
    padding: 40px;
}
.modal{
    display: none;
    height: 100vh;
    position: fixed;
    top: 0;
    width: 100%;
}
.modal__bg{
    background: rgba(0,0,0,0.8);
    height: 100vh;
    position: absolute;
    width: 100%;
}
/*モーダルウィンドウのコンテンツを画面の縦横センサーに配置している部分*/
.modal__content{
    background: #fff;
    left: 50%;
    padding: 40px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 60%;
}
/*文字数の所に送信できない場合に文字を赤くする
送信できない場合は「.taskup_danger」を付与し、赤くする*/
.taskup_area.taskup_danger{
	color:#ff4500;
}

$(function(){
	//「js-modal-open」をクリックしたら「fadeIn」でモーダルウィンドウを表示する
	$('.js-modal-open').on('click',function(){
        $('.js-modal').fadeIn();
        return false;
		});
		//入力時のイベント
		$('.sample').on('input',function(){
			//文字数を取得
			var cnt = $(this).val().length;
			//現在の文字数を表示
			$('.now_cnt').text(cnt);
			if(cnt > 0 && 30 > cnt){
				//1文字以上かつ29文字以内の場合はボタンを有効か&黒字
				$('.btn').prop('disabled',false);
				$('.comment_area').removeClass('taskup_danger');
			}else{
				//そうでない場合は、ボタンを無効化＆赤字
				$('.btn').prop('disabled',true);
				$('.comment_area').addClass('taskup_danger');
			}
		});

		//リロード時に初期文字列が入ってた時の対策
		$('.sample').trigger('input');

		//ボタンクリック時、submit送信を行う
		$('.btn').click(function(){
			$('#comment').submit();
		});
	//「js-modal-close」をクリックしたら「fadeOut」で非表示にする
	$('.js-modal-close').on('click',function(){
	$('.js-modal').fadeOut();
	return false;
    });
});

//リクエストパラメータの文字コードをUTF-8に変更
request.setCharacterEncoding("UTF-8");
//コメント内容を取得
String comment = request.getParameter("comment");

試したこと

jQueryでの送信のコードを以下のコードのようにしたりして試しましたが、いずれもnullエラーが出ました。

$('.btn').on('click',function(){
  $('#comment').submit();
});

$('.btn').on('click',function(){
  $('.sample').submit();
});

補足情報（FW/ツールのバージョンなど）

Eclipseを使用しています。
文字数制限の表示で送信できない時、赤文字になるようにコードを書いていますが、実行すると赤文字になっていません。本題である「form先の"Comment"にコメント入力内容を送信する」という事が急ぎですので、無視していただいて大丈夫です。

Comments

[plasticgrammer]

解決していないようでしたら、『nullエラー』の詳細について追記をお願いします。
Java側でcomment の値がnullになるということでしょうか？
それともJavaもしくはJavascriptでエラーが発生しているのでしょうか？