jquery - 初めてクリックしたときにjQueryエラーボックスが表示されません。もう一度クリックすると、それが起こっています

Question

初めてクリックしたときにjQueryエラーボックスが表示されません。もう一度クリックすると、2回目になります。

$(document).ready(function() {  

jQuery.validator.addMethod("file", function( value, element ) {
                var ext = value.substring(value.lastIndexOf('.') + 1);
                var result = this.optional(element) || ext == "csv" || ext == "CSV";
                return result;
        }, '<div class="errorbox rateError"><div class="error-message">* Please upload only csv file</div><div class="error-arrow"></div></div>');
var $Zone = $('#ZoneZone').attr('name');

var $params = {debug:false,rules:{},messages:{}};

$params['rules'][$Zone] = {"required": true};
$params['messages'][$Zone] = {"required":'<div class="errorbox rateError"><div class="error-message">* Please enter Zone</div><div class="error-arrow"></div></div>'
};

 $("#ZoneAdminAddForm").validate($params);

jQuery(document).on('click','.errorbox',function(){
        alert("click");
        $(this).fadeOut('slow',function(){
            $(this).remove();
        });                                  
    });

});

初めてエラーボックスをクリックしたときは何も起こりませんでしたが、もう一度クリックするとアラートがクリックされ、そのエラーメッセージが表示されます。

競合コードも与えないようにしましたが、機能していません。

同じコードが他のページで機能しています。