title: Unable to get jQuery on() to register dynamically added content
body: <p>I'm quite new to the on() method in jQuery but the time has come for me to need to use it.</p>
  
  <p>I've two functions for clicking on specific buttons. Each function works on any elements originally on the page but not on any dynamically added content (more of the same buttons). I understand I need to use the on() function after reading other answers on here and on Google but am having trouble still. Anyway, code:</p>
  
  <pre><code>jQuery("ul#THEBUTTONS").on({
      click: function(event){
          event.preventDefault();
          console.log("apaz clicked");
      }
  }, "a.azaz");
  
  
  jQuery("ul#THEBUTTONS").on({
      click: function(event){
          event.preventDefault();
          console.log("mapaz clicked");
      }
  }, "a.mapaz");
  </code></pre>
  
  <p>Any help would be immensely appreciated, tearing my hair out here.</p>