Tengo este HTML:

    <ul>
        <div>
            <li>a</li>
            <li>b</li>
            <li class="break">c</li>
            <li>d</li>
            <li>f</li>
        </div>
    </ul>

Lo que quiero es dondeclass="break" Quiero el padrediv cerrado y uno nuevo abierto, así que termino con esto:

    <ul>
        <div>
            <li>a</li>
            <li>b</li>
        </div>
        <div>
            <li>c</li>
            <li>d</li>
            <li>f</li>
        </div>
    </ul>

Ahora he intentado esto:

$(".break").before("</div><div>");

pero jQuery no actúa como esperaba y en cambio reescribe lo que he ingresado y pone un @ vacdiv en su lugar. Al igual que

    <ul>
        <div>
            <li>a</li>
            <li>b</li>
            <div></div>
            <li class="break">c</li>
            <li>d</li>
            <li>f</li>
        </div>
    </ul>

Entonces, ¿cómo puedo lograr lo que busco?