How to stop an click event once it has the element has been clicked and then restore it when something else is clicked
<p>I have a button which creates a div. Once clicked I would like to disable the clicking event attached to the button. However I want a button in the div which when clicked turns listening for the click event back on!</p>

<p>So currently I am doing this:</p>

<pre><code>$(".results").delegate(".tt", "click", function() {
        console.log('clicked');
        $(this).append('&lt;div style="position: absolute;"&gt;Example div&lt;/div&gt;');

    });
</code></pre>

<p>How do I do this to my above code?</p>

<p>Thanks.</p>
