title: Remove event handler from the object
body: <p>I am building up a framework using prototype pattern. I want to add an event handler on <code>createSetting</code> so that other people can add their functionality<br>
  This is how the code works<Br><br>
  1) I create a <code>Field</code> object using new keyword. It triggers <code>settings_created</code>.<br>
  2) I create another <code>Field</code> object, <strong>I no longed need the previous one</strong>.<br>
  3) Two times the event <code>settings_created</code> is fired.<br>
  How can I remove the event handler from the previous object, I am more comfortable in destroying it somehow, but I have read that you cannot destroy objects in JS, what is the best approach here?<br><br>
  Please note, there are multiple event handlers, I kept one to keep it simple.<br>
  Thanks.</p>
  
  <pre><code>var Field = function(){
      this.createSetting();
  }
  
  Field.prototype.createSetting = function(){
      $(document).trigger( 'setting_created' );
  }
  </code></pre>