jQuery .add method seemingly not working?
<p>I wonder if anyone can explain this:</p>

<pre><code>$(document).ready(function() {
        var popup = $('&lt;div id="popup"&gt;&lt;div class="popup-content"&gt;&lt;/div&gt;&lt;/div&gt;');
        var popupContent = popup.children('div');
        var overlay = $('&lt;div id="overlay"&gt;&lt;/div&gt;');

        console.log(popup);
        console.log(popupContent);
        console.log(overlay);
        console.log(overlay.add(popup).appendTo('body'));
    });
</code></pre>

<p>I've added some debugging in there in case you want to test it.</p>

<p>I don't understand why only the overlay gets appended when appendTo() is being called on a jQuery object containing two elements?</p>

<p>Any help would be much appreciated.  </p>
