title: jquery code inside .ajaxComplete fires multiple times but should only do once
body: <p>i have 4 page loader functions that autoloads html filled with data from a database with ajax post  inside a div (for each of those functions i have a own div ) when the user scrolls down. now in this received htmldata i want to have a onclick event and do some more ajax post actions to manipulate some of the data and display the change.</p>
  
  <p>but when i use </p>
  
  <pre><code>$( document ).ajaxComplete(function() {
  $("#clickelement").click(function(){
  //do some ajax post here and fill a div with the received data
  });
  </code></pre>
  
  <p>the click functions is executet  4 times (since there are 4 ajax post actions before. and when i click again its executet 5 times (i think the ajax action inside the onclick trigger also the .ajaxComplete ) and additionally when i scroll down to load more data its executed even more.. how can i get around this and fire the .click only once and have the click function active on all #clickelement divs inside the autoloaded html?</p>