title: jQuery add class to button
body: <p>I am trying to simply add a class to a button using jQuery. But nothing happens. Why?</p>
  
  <p><a href="http://jsbin.com/makoxibogeje/2/edit" rel="nofollow">http://jsbin.com/makoxibogeje/2/edit</a></p>
  
  <p>This is my code:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;script src="//code.jquery.com/jquery-2.1.1.min.js"&gt;&lt;/script&gt;
    &lt;meta charset="utf-8"&gt;
    &lt;title&gt;JS Bin&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;p&gt;Press me!&lt;/p&gt;
      &lt;button&gt;Test&lt;/button&gt;
      &lt;button&gt;Fiddle&lt;/button&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>.spinner { color:red;}
  </code></pre>
  
  <p>Javascript</p>
  
  <pre><code>var B = {
  
      btn: $("button"),
  
      addSpinner: function() {
          B.btn.click(function() {
              this.addClass('spinner');
          });
      },
  }
  </code></pre>