在使用JQuery的Visualforce中单击一次后禁用按钮

Question

我试图在VisualForce页面上的第一次单击后禁用“提交”按钮。我认为我正在使用的代码应该起作用，但事实并非如此。我可以多次单击该按钮。谁能帮助我确定问题出在哪里？

<script type="text/javascript">
    $('button[id$=submitButton]').on('click', function(){
      $('button[id$=submitButton]').attr("disabled", true);
    });    
</script>

<apex:commandLink id="submitButton" value="{!$Label.Disaster_Submit}" action="{!saveConsent}" styleClass="btn btn-fill btn-danger btn-wd btn-sm"></apex:commandLink>