title: jquery click event not firing in IE and Edge
body: <p>Can anyone tell me what I am doing wrong here, this below code works in Chrome &amp; Firefox but does not work in IE and Edge.  Any help much apprciated, its driving me round the bend.</p>
  <p>using the following jquery versions:-</p>
  <p><a href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js" rel="nofollow noreferrer">https://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js</a></p>
  <p><a href="https://code.jquery.com/jquery-1.11.3.js" rel="nofollow noreferrer">https://code.jquery.com/jquery-1.11.3.js</a></p>
  <pre><code>$(document).ready(function()
  {
      var bindEvents = function(mutations)
      {   
          // editUserBtn click event
          $('.editUserBtn').off('click').click(function(e)
          {
              currentThis = this;
              
              var userId = $(currentThis).closest(&quot;.userTbl tr&quot;).find(&quot;.userId&quot;).text();          
              var userIdTrim = $.trim(userId);
  
              var userType = $(currentThis).closest(&quot;.userTbl tr&quot;).find(&quot;.userType&quot;).text();          
              var userTypeTrim = $.trim(userType);
              
              $eb.executeFunctionAsynchronously(function() { /*success*/ }, function() { /*failure*/ }, 'editUser', {id: parseInt(userIdTrim,10),
                                                                                                                                                                                                                                  type: userTypeTrim}, true);
          });
      };
  
      var observer = new MutationObserver(bindEvents);
      observer.observe(document.body, {childList: true, subtree: true});
  });
  </code></pre>