Jquery load DIV inside another DIV at same page
<p>HTML:</p>

<pre><code>&lt;div class="someclass" rel="first"&gt;text 1&lt;/div&gt;
&lt;div class="someclass" rel="second"&gt;text 2&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
&lt;div class="info_ly"&gt;here is some text&lt;/div&gt;
&lt;div class="first" &gt; the first DIV &lt;/div&gt;
&lt;div class="second" &gt; the second DIV &lt;/div&gt;
</code></pre>

<p>CSS:</p>

<pre><code>.first{ display:none}
.second{ display:none}
</code></pre>

<p>Jquery:</p>

<pre><code>$(".someclass").click(function() {  
$(".info_ly").html($(this).attr('rel'));
});
</code></pre>

<p>I want to call and load the "rel" DIV inside "info_ly" DIV.</p>

<p>With this Jquery code I get only text "first" or "second" inside "info_ly" DIV.</p>

<p>How can I load the DIV with the class "first" or DIV with the class "second"  inside "info_ly" DIV? </p>
