I have a huge problem with working with AJAX:  

After the AJAX request on my page is send the next request are send multiple times, and buttons think that they are pressed multiple times.   

Now I searched around here and the internet, but I can't solve it. So far, following corrections are made in the code:   

* All code is in an own function called AjaxInit()
* AjaxInit() is called upon $(window).load and on $(document).ajaxStop
* All Element have their binder to body (e.g. $("body").on("click","#btn-main", function)

Now I have tried unbinding all events using $("body").find("\*").off(), but that did not help either.   

I know that I do something wrong, I just don't know what.   

How can I properly rebind everythink after the Ajax call is done? How can I make shure that object bindings (e.g. $("#news").sortable({})) will work properly after the first ajax call?   
 I would love to use AJAX for all the callbacks on my page, but currently the best solution seems to be just reloading the entire page after every ajax call, which would be rather bad.  

Any help is appreciated.

EDIT: Code added  

```js
$(window).load(function() {
  AjaxInit();
});

$(document).ajaxStop(function() {
  AjaxInit();
});

function AjaxInit() {
  $("body").on("click", "#btn-admin-main", function(e) {
    console.log("Admin clicked");
    e.handled = true;
    e.preventDefault();
    LoadDynamicContent("/Edit/");
  });

}

function LoadDynamicContent(path) {
  //Nach oben Scrollen
  $('html,body').scrollTop(0);
  $.ajax({
    type: 'GET',
    url: path,
    success: function(response) {
      var html_response = $(response).find('#dynamic_content').html();
      $("#dynamic_content").html(html_response);
    }
  });
}
```

```html
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<a class="sidebutton-full" id="btn-main">Edit</a>
<div id="dynamic_content"></div>
```