Attribute filter [attribute^=value] working fine in IE8 but not FF3.5

[snarkis]

I have a script that runs on a click event to hide all table rows that have a class that contain "letter", then it shows all tr's that contain "letter?" where "?" was obtained from the letter that was clicked.

var classMatch ="\"" + "letter" + strClicked + "\"";

$('tr[className*="letter"]').hide(); var i = 0;

$(eval("'tr[className*=" + classMatch +"]'")).each(

function(){

$(this).show(); i++;

});

$('#searchTitle').html("We have found " + i + " suppliers meeting your criteria");

A Sample row from the page:

<TR style="DISPLAY: block" class="letterE fasResults" jQuery1247866605631="53"><TD class=fasName></TD> <TD class=fasDME></TD> <TD class=fasContactInfo></TD> <TD class=fasItemsCell></TD></TR>

The part that does not seem to work in FireFox 3.5 is the [className^{="letter"] attribute filter. This works fine in IE8. I apologize if this is a syntax error on my part, but I have searched for an answer without success. Since it works in IE8 I am stumped.}

[jerone]

You should use [class="letter"] instead of className.

[jerone]

example btw: ​http://jsbin.com/ihejo

[snarkis]

thank you for your help!