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.
EDIT
To whomever voted to close this as 'not a real question' ... please clarify otherwise I'll assume that you're a zealot who's life is so empty all you have to keep you going is this BS of voting to close questions on SO.
I assure you this is a real question. It's a real problem I'm currently trying to solve so that my real client will be happy and I can get paid real money now that I've completed my deliverables.