Separate in paragraphs after every "."?

Hi everyone,

If I have: <p>text1.text2.text3.</p> , how can I separate them in three different paragraphs? for any name text.

I tried around this $( "p:contains('.')" ).insertAfter("p") or var element = jQuery(".class p").text.split("."); but doesn't work,