add <br/> take after </span> with jquery

Question

I'm having a twitter feed automatically added by a script. I want to add a <br/> with jquery in it. Now it's like this

    <ul id="twitter_update_list">
    <li><span>something</span> <a  href="#">about 4 hours ago</a></li>
    <li><span>something</span> <a  href="#">about 6 hours ago</a></li>
    </ul>

I want to add a <br/> after each </span> with jquery. so that its like this

 <ul id="twitter_update_list">
    <li><span>something</span><br/> <a  href="#">about 4 hours ago</a></li>
    <li><span>something</span><br/> <a  href="#">about 6 hours ago</a></li>
    </ul>

Answer 1

You can use .after() to insert an element after each the selector matched, like this:

$("#twitter_update_list span").after("<br />");

You can test it out here. The result is...well, exactly what you have in the question :)