title: jQuery addClass on click to specific element
body: <p>I am trying to animate a menu item.
  On move over it expands left, and on mouse out it contracts back.
  This works fine.</p>
  
  <p>I am also trying to add a class on click to give the button a specific color but it doesn't seem to work.</p>
  
  <p>Here is a fiddle <a href="http://jsfiddle.net/g3ra912j/" rel="nofollow">http://jsfiddle.net/g3ra912j/</a></p>
  
  <p>css:</p>
  
  <pre><code>    #menu1 .active {
          background-color: #00f;
      }
  </code></pre>
  
  <p>script:</p>
  
  <pre><code>$("#menu1").click(function () {
      $(this).toggleClass("active")
  })
  </code></pre>
  
  <p>onclick it supposed to turn blue, but it doesn't.
  What am I doing wrong?</p>
  
  <p>Thanks</p>