title: call a specific function only once on an event which may be called many times?
body: <p>I have a live click function that needs to do certian things always but one thing must only execute on the first click, after that, it needs to be disabled.</p>
  
  <pre><code>$('.theImage').live("click", function(){ 
              // The commands within the if statement must only happen on the first click.
      if (!chkHeightOnceOnly){
          var containerHeight = $(this).children(".postInfo").height();
          $(this).children(".postInfo").height(containerHeight - 2);
          var chkHeightOnceOnly = true; 
      }
              // other commands which need to fire on every click go here
  });
  </code></pre>
  
  <p>So currently every-time i click on the div, it's subtracting a further 2px. It only needs to subtract 2px the first time.</p>
  
  <p>EDIT - This is for many instances of .theImage, which are coming in via ajax, hence the need for .live()</p>