title: Click toggle with jQuery
body: <p>I've used a hover function where you do x on mouseover and y and mouseout. I'm trying the same for click but it doesn't seem to work:</p>
  
  <pre><code>$('.offer').click(function(){ 
    $(this).find(':checkbox').attr('checked', true ); 
  },function(){
    $(this).find(':checkbox').attr('checked', false ); 
  });
  </code></pre>
  
  <p>I want the checkbox to be checked when clicking on a <code>div</code>, and unchecked if clicked again - a click toggle.</p>