jquery - Impomptu でエラーが発生する

Question

form タグの途中で Impromptu を使用しようとしています。基本的に次のコードがあり、以下のエラーが発生します。.ajax 呼び出しを単純なアラートに置き換えると、エラーは発生しません。

基本的には、質問をして回答を得て、その回答を ajax 呼び出しに渡し、確認を投稿して終了したいだけです。

    $("#assignkidsparent").click(function(event) {
        event.stopPropagation();
        event.preventDefault();
        var parentUsernameForm = {
            state0: {
                title: 'Enter Username of Parent (Email Confirmation Will Be Sent)',
                html: '<label>Parent SV Code Camp Username:<input type="text" name="username" value=""></label><br />',
                buttons: { Send: 1 },
                submit: function (e, v, m, f) {
                    var username = f.username;
                    e.preventDefault();
                    event.stopPropagation();
                    $.ajax({
                        type: 'POST',
                        url: '/rpc/account/UpdateAttendeeRegJquery',
                        data: {
                            ParentUsername: username,
                            AttendeesId: $('#RegisterUserInfoLoggedIn_AttendeesId')
                        },
                        success: function(data) {
                            $.prompt('success');
                        },
                        error: function (result) {
                            $.prompt('error');
                        }
                    });
                }
            }
        };
        $.prompt(parentUsernameForm);

    });

InvalidStateError: 'HTMLInputElement' から 'selectionDirection' プロパティを読み取れませんでした: 入力要素のタイプ ('hidden') は選択をサポートしていません。