Load divs from td inside a container div, one at a time?
<p>I checked out similar questions but couldn't find the answer.</p>

<p>I have this HTML:</p>

<pre><code>&lt;table&gt;
&lt;td&gt;
&lt;a href="#"&gt;click me&lt;/a&gt;
&lt;div class="showme"&gt;&lt;p&gt;test&lt;/p&gt;&lt;/div&gt;
&lt;/td&gt;
&lt;td&gt;
&lt;a href="#"&gt;click me&lt;/a&gt;
&lt;div class="showme"&gt;&lt;p&gt;test 2&lt;/p&gt;&lt;/div&gt;
&lt;/td&gt;
&lt;td&gt;
&lt;a href="#"&gt;click me&lt;/a&gt;
&lt;div class="showme"&gt;&lt;p&gt;test 3&lt;/p&gt;&lt;/div&gt;
&lt;/td&gt;
&lt;/table&gt;

&lt;div class="container" rel="showme"&gt;&lt;/div&gt;
</code></pre>

<p>What I want: I want the div.showme to be hidden originally, and when the link inside the TD is clicked, that div.showme loads in div.container.</p>

<p>What I tried:</p>

<pre><code>jQuery(document).ready(function($) {

    $("td a").click(function() {  
        $(".showme").html($(this).attr('rel'));
    });

});
</code></pre>
