twitter-bootstrap - ブートボックスと jquery の検証

Question

私はフォームでブートボックスダイアログを使用しています（テキストボックスとテキストエリアが1つしかありません）。jquery検証プラグインで検証しようとしています。

これが私のコードです

var templateDialog="<form action=\"#\" id=\"create-form\" name=\"create-form\" class=\"form\" method=\"post\">"+
"<div class=\"controls\">"+
"<input type=\"text\" id=\"field1\" name=\"field1\"  />"+   
"</div>"+

"<div class=\"controls\">"+
"<textarea id=\"field2\" name=\"field2\"  rows=\"13\"></textarea>"+ 
"</div>"+
"</form>";


bootbox.dialog(templateDialog,
[{
   "label" : "Cancel",
   "class" : "btn",
   "callback": function() {

    }
  }, {
        "label" : "Save",
        "class" : "btn-primary",
        "callback": function() {

        $('#create-form').validate({
           errorElement: 'span', 
           errorClass: 'errorblock', 
           focusInvalid: false, 
           errorContainer: ".alerterror",
           ignore: "",
           rules: {
                    field1: {
                    required: true
                  },
                    field2: {
                    required: true
                  }
           },

           errorPlacement: function (error, element) { 
               $(element).closest('.controls').append(error);
               console.log(element);
           },

           submitHandler: function (form) {
                        //manual submit
           }
        });


                return false;
            }
        }]
        ,
        {
            header: 'Create',
            css: 'large-modal'
        }
        );

上記のコードでは、エラーが発生せず、成功のアラートも表示されません。何が間違っていますか?

ありがとう