title: jQuery call custom function on click
body: <p>How would I correctly call the specialHouse function after the h1 was clicked, in way that would still allow $(this) to represent div.content. Currently the below does not work with the error "Uncaught TypeError: Object [object Object] has no method 'specialHouse'" </p>
  
  <pre><code>function specialHouse()
  {
      $(this).slideDown(500, function(){
        $(this).delay(2000).slideUp();
      });
   };
  
  $('div.content').hide();
  $('h1').on('click', function(){
      $(this).next('div.content').specialHouse();
  })
  </code></pre>
  
  <p>Thanks for any help :)</p>