Suspend jQuery event handler until executed
<p>I am attempting to suspend an event handler on click and then re-initiate it at the end. </p>

<p>However its not working. 
I'm trying to implement the answer from Parham at: <code>http://stackoverflow.com/questions/1263042/how-to-temporarily-disable-a-click-handler-in-jquery</code> (Second answer)</p>

<p>The reason I am doing this is because clicking the event handler really fast breaks the code.</p>

<p>Can someone look at the below code and tell me why it isn't working? (No console errors)</p>

<p><strong>JQUERY CODE:</strong> </p>

<pre><code>clickMe =  function(){
  $(document).on('click', '.inter [class], .inter #back [id]', 
    function () {
      $(document).off('click', '.inter [class], .inter #back [id]');
        if (this.id) { 
          count -= 1; 
          backArray.pop(count);  
        } 
        else { 
          backArray.push(className);
          count += 1;
        }

       prevClass = className;
       className = (this.id || this.className).substr(1);

       transformImage(className, original, link, backArray, count, prevClass); 

       $(document).on('click', '.inter [class], .inter #back [id]', clickMe);
  })
};
</code></pre>
