Q:

JQuery get the nearest Sibling input

Here's my a gist of my document structure
    <input type="number" name="checkOutItemList[${status.index}].quantity"
class="item-Quantity form-control" placeholder="0"
value="${item.quantity}">
</div>
<div class="form-group col-md-2 col-xs-9">
    <label class="control-label" for="subtotal">
        Subtotal
    </label>
    <input type="text" class="subtotal form-control" id="subtotal" value="${item.srp * item.quantity}" placeholder="0.00" disabled>
</div>

Here is my jquery code 
$(document).on('change', ".item-Quantity", function(e) {
    console.log($(this).closest('input .subtotal').val())
});

However it only returns an undefined
What am I missing?

A:

You need to use:
$(document).on('change', ".item-Quantity", function(e) {
   console.log($(this).parent().next().find('input.subtotal').val());
});

Working Demo

