jQuery: Unbind event handler
<p>I chose to go with binding element to the body to have them affecting elements even though they are not yet there. Now, I want to unbind some handlers as I go and this is where I am encountering some difficulties.  </p>

<p>Code:  </p>

<pre><code>$('body').unbind('click', deleteComment); //unbind
$('body').on('click', '.deleteCommentButton &gt; img', deleteComment); //binding  
</code></pre>

<p>The question is how I am supposed to unbind it specifically for <code>.deleteComment &gt; img</code>?</p>
