title: Bootstrap CSS strange conflict with qtip2
body: <p>I have a very strange bug when using Bootstrap css with qtip2:</p>
  
  <p>I have a button, on which i bind a qtip popup:</p>
  
  <pre><code>&lt;button type="button" class="btn btn-default" id="deleteButton"&gt;
      Delete
  &lt;/button&gt;
  </code></pre>
  
  <p>I bind the qtip like this (is working fine)</p>
  
  <pre><code>var $button = $("#deleteButton");
  $button.qtip({
      show: {
          event: 'mouseenter',
          solo: true,
          effect: false,
          delay: 100
      },
      content: function (event, api) {
           return "Tooltip message";   
      }
  });
  </code></pre>
  
  <p>As soon as the button gets the css class <code>disabled</code> (only the class, not the attribute), the qtip stops working.</p>
  
  <p>Here is the <a href="http://jsfiddle.net/AdJ68/6/" rel="nofollow">jsfiddle</a></p>
  
  <p><strong>Important:</strong>
  If the button doesn't have the class <code>btn</code>, even having the <code>disabled</code> class, the qtip still works. So the issue has something to do with the <code>Bootstrap</code> <code>btn</code> class?</p>