jQuery.bind unbind, multiples instances of classes
<p>I have multiple elements with the same class "clickable", i'm binding all these classes with:</p>

<pre><code> $('.clickable').bind('click', function()
     { 
       $(this.id).html('clicked');

     }
</code></pre>

<p>I'm assuming the bind binds each element with the class "clickable" individually.
Then within this bind-function, I want to unbind the currently clicked element with:</p>

<pre><code> $(this.id).unbind('click');
</code></pre>

<p>So that if you click again within this element, it doesn't trigger the click-function again.
And then, after doing stuff within the element (replace the text withing these elements with an  that puts the current text in it, and when you click outside it it wil alter the html for it) I want to rebind the click again, but I cant't seem to unbind the click for this.id...</p>

<p>Some fiddle for clarification:
<a href="http://jsfiddle.net/TrySpace/QZMP6/7/" rel="nofollow">http://jsfiddle.net/TrySpace/QZMP6/7/</a></p>
