title: Using JQuery on and off method to attach and remove selected event handlers
body: <p>I'm using JQuery <code>on</code> method to attach an event handler to the window object:</p>
  <pre><code>$(window).on('resize', function(e){
       /** my functional code goes here **/
       e.stopPropagation();
  });
  </code></pre>
  <p>This is event handler is being called multiple times: The reason this is so is because the event handler is in the initialization section of a JQuery plugin, so when someone calls the plugin constructor like so:</p>
  <pre><code>$('selector').myPlugin({settings_1});
  $('selector').myPlugin({settings_2});
  $('selector').myPlugin({settings_3});
  </code></pre>
  <p>The event handler gets attached 3 times.</p>
  <p>I'm looking for a way to identify and decommission all but one of the 3 event handlers (using <code>off</code> method) so that during a resize, only one of them will get triggered.</p>
  <p>How do I identify the event handlers and remove the ones I want?</p>