Using Ajax inside for loop in mvc4

<script type="text/javascript">
    $(document).ready(function () {
        var date, category, time, comments;
        $('#Save').click(function () {
            for (var i = 0; i < 10; 1++) {
                date = $('#list tr #date' + i).val();
                category = $('#list tr #category' + i).val();
                time = $('#list tr #time' + i).val();
                comments = $('#list tr #comments' + i).val();
                $.ajax({
                    url: 'http://localhost:1796/api/WorkStatus/',
                    type: "Post",
                    data: JSON.stringify([date, category, time, comments]),
                    contentType: 'application/json; charset=utf-8',
                    success: function () {
                       
                    }
                });
            }

        });
    });
</script>