title: How to hide elements when another element is clicked
body: <p>Having a bit of difficulty getting this jquery to work. I have a form where all fields are nested in a <code>div.form-group</code>. The subscribe button has an id of <code>subscribe</code>.</p>
  
  <p>I want the form fields to disappear on click... but my js is not working out. Here's what I've tried, to no avail:</p>
  
  <pre><code>(function($) {
      window.onload = function () {
          $("#subscribe").click(function() {
              $(".form-group").css("display: none");
          });
      }
  })(jQuery);
  </code></pre>
  
  <p>The <code>form-group</code> class is set to <code>display: block</code> in the CSS.</p>
  
  <p>Is there something obvious I'm missing here? Any help is greatly appreciated.</p>
  
  <p>cheers,</p>