jQuery how to use off() on the closest container of an element
<p>I would like to unbind an event on a div that contains a button when this button is clicked
I am using this piece of code but it doesn't seem to work, the event keeps being attached to the button container:</p>

<pre><code>$('body').on('click', '.button', function(){
        $('body').off('mouseleave',$(this).closest('.button-container'));
});
</code></pre>

<p>what am I doing wrong?</p>

<p>fiddle link: <a href="http://jsfiddle.net/y3a6N/3/" rel="nofollow">http://jsfiddle.net/y3a6N/3/</a></p>

<p>Thanks</p>
