jquery - リンクonclickがjQueryで起動しない

Question

それは私のHTMLの抜粋です：

<section id="order">

                 <div id="warenkorb-button" class="warenkorb-bg-color"><a id="wk-btn-a" href="#warenkorb">zum Warenkorb hinzuf&uuml;gen</a></div>

         </section>

それが私のJavaScriptです：

$(function() {
                 $(document).on('click', '#warenkorb-button a', function(xyz){
                              alert('test');
                              xyz.stopImmediatePropagation();                                   
                              });
});

それは機能していません/発砲しています-私がそれをそのように書き直すと、機能しています:

$(function() {
                 $('#warenkorb-button a').on('click', function(xyz){
                              alert('test');  
                              xyz.stopImmediatePropagation();  
                              });
});