I am using jQuery v. 1.2.2 minified

The following code block finds the 'H2.hdr' siblings for every 'a.trigger' in the document and adds a click event. When the H2 is clicked, it should get its previousSibling anchor tag element (there is only ONE in the document) and simulate a click. This works in Firefox but not in Internet Explorer 6.

$('a.trigger').siblings('h2.hdr').bind('click',function(){

$(this).prev('a').click();

}

HTML:

<div>

<a href="link.html" class="trigger">test</a>

<h2 class="hdr">click me to trigger my previousSibling link</h2>

</div>

I found a workaround for this while still using the jQuery selectors:

$('a.trigger').siblings('h2.hdr').bind('click',function(){

if(document.createEventObject){

var thisID = $(this).prev().attr("id");

document.getElementById(thisID).fireEvent("onclick");

}else if (document.createEvent){

$(this).prev('a').click();

}

});

If it is run in IE6 it executes the fireEvent and if its in Gecko/Mozilla it will use jQuery's click.