隐藏/显示基于div计数的按钮

Question

我有一个允许用户添加或删除输入字段的表单，但只能添加一个特定的数字（5），一旦该数字被点击，隐藏“添加行”按钮。还有一个删除行按钮，它将删除一行，但如果行数减少到5以下，我无法再次显示按钮。允许的行数将动态添加，以便在不同的页面上更改。我有一个小提琴设置（https://jsfiddle.net/keygrip/hkqmp8zf/6/），这是我的添加/删除功能的代码：

$('.add-row').click(function(){
    var sum = $('div.item').length;
    if(sum >= 5){
        $(this).hide();
    }
});

$('.remove-row').click(function(){
    var sum = $('div.item').length - 1;
    if(sum <= 4){
        $('.add-row').show();
    }
});

感谢任何帮助。