do a hide on two jquery variables at once (basic question)

Question

i cant seem to get this right and would like to know the exact syntax to use.

say i have two variables defined in jQuery

var cat = $('#cat');
var dog = $('#dog');

i want for example... hide both divs.

i know without the vars it would be $('#cat, #dog').hide(); no matter how i do it with the variables i cant get it to work.

(cat,dog).hide();

thanks!

Answer 1

cat.add(dog).hide()

Answer 2

You can use the add method to add elements to an existing selector:

var dog = $('#dog'),
    cat = $('#cat');
dog.add(cat).hide();