title: jquery function not working properly for dynamically created checkbox
body: <p>Getting table cells values on checkbox selection</p>
  
  <pre><code>//function to get table cells values    
  function n() {
    $('.m').on('click',function() {
      var id = $(this).closest("tr").find(".t").text();
      var p= $(this).closest("tr").find(".t1").text();
      $('#c').append('&lt;span&gt;', id, '&lt;/span&gt;');
    });
  } 
  for(int i=0;i&lt;10;i++) {
    div.innerHTML="&lt;table&gt;&lt;tr&gt;&lt;td&gt;&lt;input type='checkbox' class='m' onclick=n()&gt;&lt;/td&gt;&lt;td class='m'&gt;data&lt;/td&gt;&lt;td class='t1'&gt;data&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;";
  }
  //appending values on checkbox selection
  &lt;div id='c'&gt;&lt;/div&gt;
  </code></pre>
  
  <p>While checkbox selected getting values of table rows in function n() in above example, but value appends in <code>div#c</code>, in such way as on first checkbox click goes 2 times, on second click 3 times prints and so on.</p>
  
  <p>Why this happens?</p>