selector question

selector question


I have two tables exactly the same layout but with different cell
content.
The first row is used as a "title".
I used this in another page (with a single table) and though it would
the same in the page with two tables.
//----------------------------------------------------------
// - Click title row to toggle the remaing table rows.
//----------------------------------------------------------
var $f = $("table tr:first");
$f.click(function() { $(this).siblings().toggle(); });
This only works for the first table.
I guess the question is I thought that the selector
$("table tr:first")
would result in length 2. I would think it would be the first row of
all tables.
But appears tr:first is telling jQuery to just get the first row of
the first table.
What I missing here?
--
HLS