load into the next element
<p>I would like the follow code to load a series of "holder" classes. However the after() method seems to be nesting the holders.</p>

<p><strong>Current code</strong></p>

<pre><code>&lt;div class="holder" &gt;
    &lt;a href="test.html" class="link"&gt;lorem ipsum&lt;/a&gt;&lt;br /&gt;
&lt;/div&gt;

&lt;script type="text/javascript"&gt;
    $(document).ready(function () { 

        $('.link').click(function (event) {
            var newHolder = $('.holder').after()
            newHolder.load(this.href);
            event.preventDefault();
            return false;
        });       

    });
&lt;/script&gt;
</code></pre>

<p>** Desired output **</p>

<pre><code>&lt;div class="holder"&gt;&lt;/div&gt;
&lt;div class="holder"&gt;&lt;/div&gt;
&lt;div class="holder"&gt;&lt;/div&gt;
&lt;div class="holder"&gt;&lt;/div&gt;
</code></pre>

<p>etc</p>
