jquery - 動的に作成された li に動的テキストを追加する

Question

動的に作成された li に動的テキストを追加する必要があります。多くの入力フィールドを含むフォームがあります。フォームを送信する際に、必須フィールドを確認し、各フィールドに固有のエラー メッセージを表示する必要があります。これは私が現在使用しているコードです。

<form action="" id="submit_form">
<input class="required" type="text" id="test1" name="test1" title="Field1 required" />
<br/>
<input class="required" type="text" id="test2" name="test2" title="Field2 required" />
<br/>
<input type="submit" name="submitButton" value="Submit" />

jquery関数

$(function () {
    $('#submit_form').submit(function () {
        var returnValue = true;
        $('#submit_form .required').filter(':visible').each(function () {
            var input = $(this);

            input.next('div.error_text').remove();
            input.removeClass('highlight');

            if (!input.val()) {
                input.addClass('highlight');
                var msg = $(this).attr('title');
                input.after('<ul class="innererrormessages"><li>'$msg'</li></ul>')
                returnValue = false;
            }
        });

        return false;
    });
});

最初のフィールドが入力されていない場合は、「Field1 required」エラー メッセージが必要で、2 番目のフィールドには「Field2 required」が必要です。このタイトルを取得してエラーliに表示するにはどうすればよいですか?