Изменение текста шкафа div в массиве div

Question

У меня есть следующий html

<div class="form-group col-md-2 border">
    <label for="month">Month 1 - 01/11/2019</label>
    <input type="text" class="form-control" id="inputCity[]" name="inputCity[]" value="550">
    <label for="Costs">Costs</label>
    <input type="text" class="form-control" id="inputcosts" name="costs" value="0">
    <label for="grossprofit"><b>Gross Profit</b></label><div id="grossp[]"></div>
 </div>

Я пытаюсь изменить текст grossp [] в зависимости от того, что вводится в поле inputcosts, используя следующий

$(document).on('change keydown paste input', '#inputcosts' , function() {
 var monthcalc = $(this).closest("input[name='inputCity[]']").val();    
 var gcost = monthcalc - this.value; 
 $(this).closest("div[id='grossp[]']").html(gcost);
});

div не обновляется и сообщения об ошибке нет.

Есть идеи?