title: How to unbind a paticular binding in jQuery
body: <p>I have 2 functions(<strong>abc</strong> and <strong>def</strong>) inside which I have attached a <code>submit()</code> event to an element, as follows:</p>
  
  <pre><code>function abc(param_1, param_2) {
    jQuery('#element_id').one("submit", function(e){
      e.stopImmediatePropagation();
      someOtherFunction(param_1, param_2);
    });
  }
  </code></pre>
  
  <p>and</p>
  
  <pre><code>function def() {
    jQuery('#element_id').one("submit", function(e){
      some other code
    });
  }
  </code></pre>
  
  <p><strong>PROBLEM</strong>: I need the <code>submit()</code> binding inside function <strong>def</strong> to execute every time, but based on some condition I may need to unbind the <code>submit()</code> binding inside function <strong>abc</strong> only. How can I achieve this?</p>
  
  <p><strong>Note</strong>: In no way I can check a condition(if - else) before binding <code>submit()</code> to element inside <strong>abc</strong> and <strong>def</strong>, as the condition is achieved dynamically. If it happens, I don't want <code>submit</code> block inside function <strong>abc</strong> to execute.</p>