Add line break after <p> tag using Javascript/jquery

Question

I need a script that puts a line break after the "p" tag. I would do it manually in the html but the paragraphs are dynamically added to the site by tumblr.

Basically my code is :

 <div class="title"><a>{Caption}</a></div>

Where it says caption tumblr replaces with a real caption and i need to add line breaks between the "p" tags using javascript/jquery.

Answer 1

CSS margin would be good here.

.title p {margin-bottom:10px}

Answer 2

$('.title a p').after( '<br />' );

FIDDLE