Simple jQuery Click Not Working, obwohl das Konsolenprotokoll die Funktion erkennt

Laden eines jQuery-Dialogs in ein Plugin.

1. Enqueue bei Admin Enqueue Scripts

   function enqueue_settings_scripts_styles($page) {
       wp_enqueue_script (  'my-plugin', 'path/to/the.js', array( 'jquery-ui-dialog' ));
   }
   add_action('admin_enqueue_scripts', enqueue_settings_scripts_styles');
   

2. Das HTML

   <a style="cursor:pointer" class="cool-button">Click Me</a>
   

3. Skript (the.js)

   (function($) {
     console.log( "ready!" ); // this happens
     var detailsButton = $('a.cool-button');
     console.log(detailsButton.click);
     // this prints out to console:
     // function (a,c){return arguments.length>0?this.on(b,null,a,c):this.trigger(b)}
   
   
     detailsButton.click(function(e) {
       alert('i happened'); // never happens
       e.preventDefault();
     });
   })(jQuery);
   

Ich habe über eine Stunde damit verbracht, Fehler zu beheben. Was vermisse ich?