insert html or css after each 4th <li>

insert html or css after each 4th <li>

Hi,

I just started to learn jquery. The sitepoint book I picked up and my online research did not yield any results for what I am trying to do.

Basically I have a ul with li in it. I have the ul's width set so that only 4 LI's are displayed in one row and then the next set of 4 gets displayed in next row, etc.

Can I use jquery to simply say 'after each set of 4 li, insert a graphic' .. or insert some html code.

I want a graphical separator between sets of <li>'s

best regards
Florian