Question

Id element is unique in whole document, it is ok.
How about this

$("#Genders", $("#tableFor_SEARCH")).buttonset();

and

$("#Genders", $("#tableFor_CREATE")).buttonset();

firefox seems ok with this, can this usage acceptable for all browsers and any drawbacks?

Note: I attempt this usage because jquery works with id selector and radio & checkbox helpers
(espcially label for tag)

Answer 1

You can use multiple id:s in a selector, that is no problem. You don’t even need to specify it as a scope:

$("#tableFor_SEARCH #Genders").buttonset();

Having conflicting id:s in the page will however be a problem. If the same id occurs more than once, some browser might choose to ignore any of them. Even if it works with all current browsers, it’s still a violation of the standards and it can stop working with any browser update.

Having two id:s in a selector can still be useful, for example if you are using the same script for several pages, and use the id to specify what functionality is on the page.