title: jQuery hide div when checkbox checked, show on unchecked
body: <p>I am trying to hide div when user clicks on checkbox, and show it when user unchecks that checkbox.
  HTML:</p>
  
  <pre><code>&lt;div id="autoUpdate" class="autoUpdate"&gt;
     content
  &lt;/div&gt;
  </code></pre>
  
  <p>jQuery:</p>
  
  <pre><code>&lt;script&gt;
  $('#checkbox1').change(function(){
          if (this.checked) {
              $('#autoUpdate').fadeIn('slow');
          }
          else {
              $('#autoUpdate').fadeOut('slow');
          }                   
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>I am having a hard time to get this working.</p>