问题，表单数据如何按组提交？

首先，我有一个表单，它大概像这个样子

<html>
    <form>
        <!-- 第一组数据 -->
        <div class='recall'>
            <input type="text" name="id" />
            <input type="text" name="name" />
            <input type="text" name="age" />
            <input type="text" name="sex" />
        </div>

        <!-- 第二组数据 -->
        <div class='recall'>
            <input type="text" name="id" />
            <input type="text" name="name" />
            <input type="text" name="age" />
            <input type="text" name="sex" />
        </div>
        
        <input type="submit" name="submit" value="submit" />
    </form>
</html>

如何让表单提交的数据变成这样
[{"id":1,"name":"张三","age":18,"sex":1},{"id":2,"name":"王丽","age":20,"sex":2}]

大概的思路是用jquery 来完成，可惜jquery不熟，谁能帮帮我？