title: Jquery RemoveClass not working for bootstrap buttons
body: <p>I am having trouble using the Jquery removeClass functionality to disable a certain class. The class definition is given below</p>
  
  <pre><code>.btn-purple
  {
      background-color: #F1B2E1;
      background-image: -moz-linear-gradient(top, #F1B2E1, #E986D0);
      background-image: -ms-linear-gradient(top, #F1B2E1, #E986D0);
      background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#F1B2E1), to(#E986D0));
      background-image: -webkit-linear-gradient(top, #F1B2E1, #E986D0);
      background-image: -o-linear-gradient(top, #F1B2E1, #E986D0);
      background-image: linear-gradient(top, #F1B2E1, #E986D0);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F1B2E1', endColorstr='#E986D0', GradientType=0);
      border-color: #0055cc #0055cc #003580;
      border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
      filter: progid:dximagetransform.microsoft.gradient(enabled=false);
  }
  .btn-purple:hover,
  .btn-purple:active,
  .btn-purple.active,
  .btn-purple.disabled,
  .btn-purple[disabled] {
    background-color: #E986D0;
  }
  </code></pre>
  
  <p>In the javascript file I have the following</p>
  
  <pre><code>$(function(){
      $("#1").click(function(){
          $("#1").removeClass("btn-purple", 1000);
          return false
      });
  
  });
  </code></pre>
  
  <p>And here is the HTML markup for the section I wish to remove the class definition from</p>
  
  <pre><code>&lt;div id="1" class="span3 well homeBox opaque btn-purple"&gt;
      &lt;span class="siteBoxContent"&gt;What do we do?&lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And here is the error I'm getting while debugging in the Webkit Error Console</p>
  
  <pre><code>TypeError: 'undefined' is not an object (evaluating 'fx.end[0]')      jquery.effects.core.js:32
  </code></pre>
  
  <p>If I try to remove a class like 'homeBox', the removeClass works fine. Here is the definition for the homeBox class definition</p>
  
  <pre><code>.homeBox
  {
      position:relative;
      width:26.666666666667%;
      height:200px;
  }
  </code></pre>
  
  <p>So I'm guessing jQuery may have a problem with removing classes which have background-image, colour or even the filter attributes. If you require any more information, please let me know. Thanks in advance for your help.</p>