I'm inside a function and I need to return a jQuery object with two elements. Inside the function I have, for example:
function getInput() {
$hiddenInput = $('<input type="hidden">');
//(other code)
$select = $('<select></select>');
//(other code)
$hiddenInput.add($select);
return $hiddenInput;
}
And outside I have:
$myContainer.append(getInput());
The result expected would be:
<div id="container"><input type="hidden"><select></select></div>
But the only thing I get right now with .add() is only the input element and not the select. How can I joint those two form elements on the function return? If not possible with jQuery, then with plain JavaScript. Thanks a lot.