title: jQuery binding events on ajax retrieved elements
body: <p>I have a page that has rows, each of which includes few input fields and a button that does something. Button has class .super-button. Let's say I have 23 rows, and I've just retrieved 24th over AJAX and inserted it bellow, and I want to bind some functionality to it's button on click event.</p>
  
  <p>What I'm doing right now is:</p>
  
  <pre><code>$(".super-button").off("click");
  $(".super-button").on("click", function(){
      /// Do some awesome functionality
  });
  </code></pre>
  
  <p>Is there a better way to bind event to newly inserted element in DOM?</p>