How does the jQuery pushStack function work?
<p>I'm having trouble understanding the jQuery pushStack function (documented at <a href="http://api.jquery.com/pushStack/">http://api.jquery.com/pushStack/</a>). I have tried to add a list of items to a selector in this Fiddle.</p>

<p><a href="http://jsfiddle.net/johnhoffman/hTh8D/">http://jsfiddle.net/johnhoffman/hTh8D/</a></p>

<p>JS:</p>

<pre><code>$(function() {
   var listStuff = $("p");
   listStuff.pushStack($("div"));
   listStuff.css("color", "#f00");        
});​
</code></pre>

<p>HTML:</p>

<pre><code>&lt;p&gt;foo&lt;/p&gt;
&lt;div&gt;bar&lt;/div&gt;​
</code></pre>

<p>However, the text of the div element is not red. What does it mean to push an element onto a jQuery stack?</p>
