title: How to disable a ladda button?
body: <p>I'm using Ladda UI for bootstrap.</p>
  
  <p>Using jquery I try to disable a button after the user clicks on it.</p>
  
  <p>I tried to use ajax OnComplete / OnSuccess / OnBegin , but no avail - the button remains enabled.</p>
  
  <p>If I change the markup manually on firebug - I can disable it. Also note the js fires for sure.</p>
  
  <p><strong>Here's the markup:</strong></p>
  
  <pre><code>&lt;a id="icalSync" href="/iCal/iCalCreatedLinks" data-ajax-method="GET" data-ajax-complete="AjaxOnCompleteDisableButton" data-ajax="true" data-style="expand-left" class="btn ladda-button"&gt;
  &lt;span class="ladda-label"&gt;Sync iCal&lt;/span&gt;
  &lt;span class="ladda-spinner"&gt;&lt;/span&gt;
  &lt;/a&gt;
  </code></pre>
  
  <p><strong>Here's the js function:</strong></p>
  
  <pre><code>function AjaxOnCompleteDisableButton() {
      $("#icalSync").attr("disabled", true);
  }
  </code></pre>
  
  <p>I'd appreciate any help on this.</p>