JQuery - on()-Method / dynamic handler
<p>i have a waitinglist and a list of participants. The admin can add users to the list of participants by clicking on a div besides the users name on the waiting list.</p>

<p>After clicking on the div to add someone to the participants list an ajax request will be called -> this request updates the status of the user in the database and - if the ajax request was successful  - adds the user to the participants list without reloading the page. So it looks like the list will be refreshed from the database but the user is added to the list via JQuery and the database operation is done in the back.</p>

<p>Additionally the admin can delete users from the list of participants. This happens with the div .event_list_cancel - when the admin clicks on that the user will be deleted from the participants list and will be added to the waiting list again. The strange thing is, that i can only add/delete users to the list/from the list when i initially entered the page. When i e.g. moved a user from the waiting to the participants list and then will change it back by clicking on the "delete-div" in the participants list, nothing happens. If i refresh the site and all will be generated fresh from the database - then it works. I hoped that the JQuery on()-method will fix this, because the element after adding/deleting will be there before the DOM loaded, but nothing happens.... How can i solve this ?</p>

<p>I hope it's not to confusing explained.</p>

<p>Thanks!!!</p>
