How can I replace one DOM element with an array of jQuery objects?
<p>I have an array of jQuery objects that I built and which have events attached to them.</p>

<pre><code>var obs = [];
for(var i=0;i&lt;100;i++) {
  var j = jQuery('&lt;div&gt;&lt;/div&gt;');
  j.click(function() { console.log('Clicked ' + i); });
  obs.push(j);
}
</code></pre>

<p>My HTML is:</p>

<pre><code>&lt;div id="replaceme"&gt;&lt;/div&gt;
</code></pre>

<p>How do I replace the div on the page with all the jQuery objects in my array?  I don't want to concatenate their HTML because I want to preserve the event handlers.</p>
