jq获取同一类名的但处于不同父元素下的当前元素的索引值

我们在使用原生js或jquery语法的时候,有种情况下我们想那到元素的下标，但是同一个类名然而处于不同的父元素怎么获取下标。

<div class="father">
    <ul class="son">
        <li>第一个li</li>
        <li>第二个li</li>
    </ul>
    <ul class="son">
        <li>第三个li</li>
        <li>第四个li</li>
    </ul>
</div>

    $('li').on('click', function () {
        console.log($(this).index());
    })

点击第一个li输出0      点击第二个li输出1    点击第三个li输出0     点击第四个li输出1

然后想实现的是

点击第一个li输出0      点击第二个li输出1    点击第三个li输出2     点击第四个li输出3

这个时候怎么去修改代码

    $('li').on('click', function () {
        console.log($(".father li").index(this));
    })