Matching text input values

HTML

<div id="masterTextboxes">
    <p>Master</p>
      <input type="number" value="" placeholder="0" data-attendees="Adult" />
     <input type="number" value="" placeholder="0" data-attendees="Child" />
</div>
<div id="subTextboxes">
    <p>Sub</p>
      <input type="number" value="" placeholder="0" data-attendees="Adult" />
     <input type="number" value="" placeholder="0" data-attendees="Child" />
</div>

JavaScript

jQuery(function($) {
    $("#masterTextboxes input", this).on("change", function() {
        var master = $("#masterTextboxes input"),
            sub = $("#masterTextboxes input");
        $(sub[$.inArray($(this)[0], master)]).val( $(this).val() );
    });
});