title: How to found if an event already bound with jQuery
body: <p>I was using a syntax like </p>
  
  <pre><code>$("body").on("click", ".className", function(){
      // some code
  });
  </code></pre>
  
  <p>it was working fine, then I reloaded the entire page with ajax (no browser refresh), then the event started firing twice, another refresh - fired thrice and so on.</p>
  
  <p>then I converted the code to</p>
  
  <pre><code>$("body").off("click", ".className").on("click", ".className", function(){
      // some code
  });
  </code></pre>
  
  <p>it's fixed the issue to some extent. Even after this I am getting multiple firing in some scenarios. Is there a way to find out if there are existing 'on' events bound more than once on the element, remove them all and bind it for one time only?</p>
  
  <p>Not sure if this is a valid question, or I was able to explain it clearly.</p>