How to bind an event to appended element in jQuery?

JQuery Ignoring Click Events In Webkit On Elements Selected Via Attribute?

• I've run into an issue where click events are being ignored on elements selected by their attribute values in webkit browsers. To clarify, I'm attempting to trigger a click on the selected event, not bind a function to the click event. The HTML <div class="my_list">     <a href="#thumb_1">Thumb O1</a>     <a href="#thumb_2">Thumb O2</a>     <a href="#thumb_3">Thumb O3</a> </div> The jQuery var my_var = 1; $('.my_list a[href="#thumb_' + my_var + '"]').click(); The event fires in Firefox, but not Safari or Chrome. Also Tried var my_var = 1; $('.my_list a[href="#thumb_' + my_var + '"]').trigger('click'); Any help would be greatly appreciated, thanks.

• Answer:

  It works for me in both Chrome and Chromium. See the code and click on the "Thumb O2" link. http://jsfiddle.net/qkrnn/1/