title: jquery .off(): how to remove a certain click handler only?
body: <p>I've an element with two handler bound to it:</p>
  
  <pre><code>&lt;button class="pippo pluto"&gt;
    push me
  &lt;/button&gt;
  
  $('.pippo').on('click', function () {
      alert("pippo");
  });
  
  
  $('.pluto').on('click', function () {
      alert("pluto");
  });
  </code></pre>
  
  <p>I'm trying to .off() only one of them, but the syntax eludes me :-( I'm trying with something among the line of..</p>
  
  <pre><code>&lt;button class="dai"&gt;
    remove
  &lt;/button&gt;
  
  $('.dai').on('click', function () {
      $('.pippo').off('click');
    alert("ok, removed");
  });
  </code></pre>
  
  <p>but this removes both the handler. So I'm trying with...</p>
  
  <pre><code>$('.pippo').off('click .pippo');
  </code></pre>
  
  <p>but then nothing gets removed.</p>
  
  <p>So I removed the middle space:</p>
  
  <pre><code>$('.pippo').off('click .pippo');
  </code></pre>
  
  <p>but back to square 1: both handler gets removed.</p>
  
  <p>The right syntax would then be... ?</p>
  
  <p><a href="https://jsfiddle.net/6hm00xxv/" rel="noreferrer">https://jsfiddle.net/6hm00xxv/</a></p>