jquery - jqueryでフォームのデフォルト値をインクリメントすると、正しく表示されない

Question

最初のフォーム (#modelform) を送信すると、2 番目のフォーム (#waldform) が表示され、テキスト領域にデフォルト値が定義されています。これは jquery で行われます。このデフォルト値は、#modelform が送信されるたびに増加するカウンターから取得されます。これらのデフォルト値は整数である必要がありますが、何らかの理由で "1/"、"2/" など (引用符なし) として表示されます。

#waldform でデフォルト値を設定する方法に何か問題がありますか?

var $counter = 0

    $("#modelform").submit(function() {

        $counter =  $counter + 1

        // post the form values via AJAX...
        $.post('/estimate', {name: $("#mymodel").val()}, function(data) {

            $('body').append('<form class="waldform" action="#" method="post"><input type="text" id="waldnum" value=' + $counter + '/><input type="submit" value="Wald Test" /></form>');

    });

return false ;
});