jquery - フォーム検証を追加した後、jQuery ajax 呼び出しが機能しない

Question

フォーム検証を追加するまで、正常に機能するjQuery ajax呼び出しがあります。これで検証は機能しますが、ajax 呼び出しは機能しませんが、私はそれに触れておらず、送信されたパラメーターは問題ないようです。

jQuery コードは次のとおりです。

$j('#leapYearBtn').click(function()
{
    $j('td#calcResMsg').html('');
    $j('#leapYearForm').validate({
        errorPlacement: function(error, element){
        error.appendTo(element.parent('td').next('td'));
    }
    });
    if($j('#leapYearForm').validate().element("#leap_year") == true)
    {
        var fctSelect = 2;
        var year = $j("#leap_year").attr("value");
        alert(fctSelect);
        $j.ajax({
            url: "ajax/clcDates.php",
            type: "POST",
            data: {fctSelect: 2, yr: year},
            success: function(output){
            $j('td#calcResMsg').text(output);
        }});
    }       
});

HTML フォーム:

<form id="leapYearForm">        
   <table>
       <tr>
           <td>Enter year</td>
           <td>
               <input class="required positiveNumber" type="text" name="leap_year" 
               id="leap_year" value="" />
           </td>
           <td class="validatorErrMsg"></td>
           <td id="calcResMsg" class="calc_resMsg">/td>
       </tr>
       <tr>
           <td>&nbsp;</td>
           <td>
              <button id="leapYearBtn">Check</button>
           </td>
       </tr>
    </table>
</form>

検証を追加するときに、php 関数も ajax 呼び出しも変更していませんが、機能しなくなりました。誰かが理由を見つけるのを手伝ってもらえますか?

私の疑いは、テーブルをフォームでラップする必要があったという事実と関係があるということです。これは、何らかの形で動作に影響を与え、ajax 呼び出しが行われなくなる可能性があります。

どうもありがとう