jQuery .wrap() question
<p>i'm having some problems with jQuery</p>

<pre><code>$(document).ready(function() {
    var foo = $("&lt;div&gt;&lt;h1&gt;Bar&lt;/h1&gt;&lt;p&gt;Hi&lt;/p&gt;&lt;h1&gt;Baz&lt;/h1&gt;&lt;p&gt;bye&lt;/p&gt;&lt;/div&gt;");
    foo.filter("h1,h2").map(function(id) {
        $(this).wrap('&lt;span color="red"/&gt;');
    });
    alert(foo.html());
});
</code></pre>

<p>This code outputs</p>

<pre><code>&lt;h1&gt;Bar&lt;/h1&gt;&lt;p&gt;Hi&lt;/p&gt;&lt;h1&gt;Baz&lt;/h2&gt;&lt;p&gt;bye&lt;/p&gt;
</code></pre>

<p>The span's are nowhere to be seen. What am I doing wrong?</p>
