title: what are the differences between on() function and bind() function
body: <p>on function</p>
  
  <pre><code>$("selector").on("click", function(event){
  //code to be executed
  });
  </code></pre>
  
  <p>bind function</p>
  
  <pre><code>$("selector").bind("click", function(event){
  //code to be executed
  });
  </code></pre>
  
  <p>When to use on function and bind function especially?</p>