How to count DIV element and insert break line

Question

I would like to insert a break line after the second or third DIV element. Any ideas how to use Jquery ot do that? Thanks

<div class="column"> 
    <h3>Web Development</h3> 
    <ul> 
        <li><a href="http://www.javascriptkit.com"&gt;JavaScript Kit</a></li>
        <li><a href="http://www.dynamicdrive.com/"&gt;Dynamic Drive</a></li>
        <li><a href="http://www.cssdrive.com"&gt;CSS Drive</a></li>
        <li><a href="http://www.codingforums.com"&gt;Coding Forums</a></li> 
        <li><a href="http://www.javascriptkit.com/domref/"&gt;DOM Reference</a></li>
    </ul> 
</div>

<div class="column"> 
    <h3>News Related</h3>
    <ul> 
        <li><a href="http://www.cnn.com/"&gt;CNN&lt;/a&gt;&lt;/li&gt; <li><a href="http://www.msnbc.com"&gt;MSNBC&lt;/a&gt;&lt;/li&gt;
        <li><a href="http://www.google.com"&gt;Google&lt;/a&gt;&lt;/li&gt; <li><a href="http://news.bbc.co.uk"&gt;BBC News</a></li>
    </ul> 
</div>

<div class="column"> 
    <h3>Technology</h3> 
    <ul> 
        <li><a href="http://www.news.com/"&gt;News.com&lt;/a&gt;&lt;/li&gt; 
        <li><a href="http://www.slashdot.com"&gt;SlashDot&lt;/a&gt;&lt;/li&gt; 
        <li><a href="http://www.digg.com"&gt;Digg&lt;/a&gt;&lt;/li&gt;
        <li><a href="http://www.techcrunch.com"&gt;Tech Crunch</a></li>
    </ul>
</div>​

Answer 1

You can use :eq and after like this:

$('div.column:eq(1)').after('<br />');

That would insert new line only after second div. If you want to insert a new line after every second div (with respect to previous used div), you need to use :nth-child instead like this:

$('div.column:nth-child(2n)').after('<br />');