jquery - jQuery 検証プラグインの複数のフォーム

Question

一連のフォームにいくつかの機能を追加して、2 つのチェックボックスを検証しようとしています。私は jQuery 検証プラグインを使用していますが、私の人生ではそれを機能させることができません。フィドルでは、送信時に403禁止メッセージが表示されます。私の実際のサイトでは、実行すらされていないように見えます。

HTML - これらのフォームは複数あり、ページごとに同一です。ただし、Stackoverflow では 1 つしか表示できません

<form method="post" id="offer" name="offer" action="#" class="offer">
    <input type="text" name="original_description">
    <input type="text" name="description">
    <input type="text" name="added_by">
    <input type="submit" id="add" value="add" class="submit">
</form>

JS

$(".offer").each(function () {
    $(this).validate({
        submitHandler: function (form) {
            var x = form.find('input[name=description]').val();
            var y = form.find('input[name=original_description]').val();
            var z = similar_text(x, y, 1);
            alert("Description: " + x + " original_description: " + y + " z: " + z)
            if (z > 50 && !isNaN(z)) {
                alert("Description too similar to original. Please make it less similar");
                return false;
            }
            form.submit();
        },
        rules: {
            added_by: {
                required: true
            }
        },
        messages: {
            added_by: {
                required: 'Please select your name'
            }
        }
    });
});