jquery - 次に一致するクラスに画像を追加できませんでした

Question

クリックしたリンクに最も近い別の div に画像を追加しようとしています。画像をすべてではなく、次に一致するクラスにのみ追加したい

これは私のhtmlがどのように見えるかです

<div id="container">

<div class="product">
<div class="link_wrap"><a class="expand">link 1</a></div>
<div class="flyer"></div>
</div

<div class="product">
<div class="link_wrap"><a class="expand">link 2</a></div>
<div class="flyer"></div>
</div

<div class="product">
<div class="link_wrap"><a class="expand">link 3</a></div>
<div class="flyer"></div>
</div

</div>

これは私のjsです

$("#container").on("click",".expand",{foo: "hello"}, expandHandler);

function expandHandler(event) {
alert('clicked');
$(this).closest("div.flyer").append("<b>Hey!</b>");
}

JSフィドル

私のコンテンツはすべて動的に生成されるため、on() を使用することを余儀なくされました。関数はおそらく呼び出されます。私は最も近い子供たちと次に置き換えようとしましたが、運が悪くてうまくいきません。助けていただければ幸いです！