title: cannot unbind key event listener from an element
body: <p>Hey I have a problem with a grid I am using in Javascript. I'll try tell you what I've tried first. Basically it has a key event for the button delete attached to it. However I want to override this and do something else for this specific keyup event. There is other keyevents that need to stay but I need to change what happens when the delete button  is pushed when I have a row selected.</p>
  
  <p>I've tried a couple of things including targeting it with bind and unbind but nothing seems to work. </p>
  
  <p>I attached an alert to the delete function to fire showing what element is firing the function and it's coming back with dataGrid.</p>
  
  <p>What I was thinking is that the other one is attached after or before so I tried unbinding from both parent and child but no luck.</p>
  
  <p><a href="https://i.stack.imgur.com/zJtq0.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/zJtq0.png" alt="enter image description here"></a></p>
  
  <p>Also I tried stop propogation but no luck.</p>
  
  <pre><code>                   $(".divDataGrid")
                      .keyup(function(event) {
                          console.log("seamus");
                          event.stopPropagation();
                          // Do something
                      });
  </code></pre>
  
  <p>However none of this works. Has anyone out there run into a similar problem or has anyone an idea on how to fix this?</p>
  
  <p><a href="https://i.stack.imgur.com/GhDFv.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/GhDFv.png" alt="enter image description here"></a></p>