title: Event Listener Remove or Keep - Best Practice
body: <p>I have quite a few jquery / javascript listeners on my web page and I will reduce them as much as I can. However, for the listeners that remain, there are scenarios where I make them <code>display:none</code> at certain points. Here are my questions:
  <br /><br />
  1) What is best practice regarding listeners, should I add or remove listeners as I show / hide elements?
  <br /> <br />
  2) Which is best performance wise?
  <br /> <br />
  3) If I end up having lots of listeners, is it best to apply an on listener event to the whole body, or is it best to apply listeners to only things that need listening to?</p>