Hello, I have two jQuery collections that I'd like to merge into one: var foo = $('#foo'); var foobars = foo.nextAll('.bar');
I've tried using $.add() to combine the two, but it doesn't seem to be working: foo.add(foobars); foo.css('border', '2px solid #f00'); // only #foo is affected I've confirmed that foo and foobars both contain elements by checking the length property. Is there a way to merge two or more collections into one? I cannot make changes to the HTML, so wrapping them in a container div is not an option. Thanks in advance for the help! -- Hector