Request not showing all data in array - php

Question

I am using laravel 5.1 and I am in the middle of the problem.
<script type="text/javascript">
var counter = 0;
$(document.body).on('click', ".popCategory", function () {
var appendcategory = "";
if (counter < 100) {
counter++;
appendcategory += '<input type="text" class="form-control" name="category[]" placeholder="Category" value="545454" />';
$('.category_append').append(appendcategory);
}
});
</script>
As shown in image I have appended the category with the help of jquery and when I submit the form I get the result as shown in below:
The problem is that I only get one value when I have submitted three value of category . you can see the inspect element below:
<form action="" role="form" method="POST" enctype="multipart/form-data">
<input type="number" class="form-control" name="current_amount" placeholder="Amount" id="current_amount" min="1"/></td>
<td><select name="cash_flow_status" class="form-control">
<option value="cashin">CashIn</option>
<option value="cashout">CashOut</option>
</select></td>
<td class="category_append">
<input type="text" class="form-control" name="category[]" placeholder="Category" value="545454"/>
</td>
<td>
<a href="javascript:void(0)" class="popCategory">
<i class="fa fa-plus"></i></a>
</td>
<td class="item_append"><input type="text" class="form-control" name="items[]" placeholder="Items"/></td>
<td>
<div name="add1" class="btn btn-success cashFlowAddPart" onClick="appendItems()" ><i class="fa fa-plus"></i></div></td>
<td colspan="2">
<input type="hidden" name="_token" value="{{ csrf_token() }}">
<input type="submit" name="submit" id="cashflowsubmit" value="Submit" class="btn btn-success"/>
</td>
</form>
Can someone help me?