title: jquery $('body').on('click') always needs .off('click') to avoid multiple event firing
body: <p>I have a page where I list my crew members (show_crew.php). The page runs on with infinite scrolling plugin, like Google Images does. At first, I show 10 entries. If the user reaches the bottom of show_crew.php, a new 'show_crew.php' is appended to the old one, showing the next 10 entries. </p>
  
  <p>I heave some Jquery functions embedded in show_crew.php, where I bind events via  </p>
  
  <pre><code>$('body').on('click', 'myButton[rel=&lt;? echo $user['id'] ?&gt;]', function() {
      console.log('foo');
  })​
  </code></pre>
  
  <p>Now, as show_crew.php is appended multiple times, the event is also bound to the same button multiple times. I can fix this problem via <code>$('body').off('click', 'myButton')</code> EACH TIME. </p>
  
  <p>This looks ugly. Is there a more elegant way? </p>
  
  <p>thanks, 
  matt</p>