title: jquery animate complete function executing before animation is comlete
body: <p>i want to remove li of ul after animation is completed but
   it makes li remove before completion. Please help me what to do to solve it  </p>
  
  <pre><code>$('#btnGo').click(function() {
  
    var $ulCust = $('#divCust ul');
  
    $ulCust.find('li:first').animate({
      opacity: 0.25,
      left: 915
    }, 'slow', function() {
      //this function executes before animation completes
      $('#btnGo').delay(2000).html('Complete'); //this delay is also not working                   
      console.log('complete');
      //$(this).delay(100000).remove();                
  
    });
   })
  });
  </code></pre>