document.body not working in IE

Question

I am trying to create a simple on click function, but IE isn't cooperating. This works when I use it in chrome. When I call this function in IE, the function doesn't execute. IE version: 11

<script language="JavaScript">
AJS.$(document).ready(function($) {

AJS.$(document.body).on("click", "#Test-button", function() {

    });

});
</script>

Thanks in advance.

Answer 1

document.body not work in IE, remove the body and only use document

Just change your code to :

<script language="JavaScript">
AJS.$(document).ready(function($) {

AJS.$(document).on("click", "#Test-button", function() {

});

});
</script>

https://jsfiddle.net/tLa4mxgp/

Answer 2

Making a wild assumtion here. AJS.$ is your jQuery

AJS.$(document).find('body').on("click", "#Test-button", function() {