I have a dynamic form, that can add new row, delete row. Here's the code:

```
// HTML
<div class="row">
  <div class="col-xs-4">
    <ul>
      <li><input type="checkbox"></li>
      <li><input class="landmark" type="checkbox" value="4" name="patient[block_procedure_part2_notes_attributes][0][monitoring_device_ids][]" id="patient_block_procedure_part2_notes_attributes_0_monitoring_device_ids_4" /></li>
      <li><input type="checkbox"></li>
      <li><input type="checkbox"></li>
    </ul>
  </div>
  <div class="col-xs-8">
    <ul>
      <li><input type="checkbox"></li>
      <li><input class="us_image" type="radio" value="clear" checked="checked" name="patient[block_procedure_part2_notes_attributes][0][us_image]" id="patient_block_procedure_part2_notes_attributes_0_us_image_clear" /></li>
      <li><input class="us_image" type="radio" value="clear" checked="checked" name="patient[block_procedure_part2_notes_attributes][0][us_image]" id="patient_block_procedure_part2_notes_attributes_0_us_image_poor" /></li>
      <li><input type="checkbox"></li>
    </ul>
  </div>
</div>
<div class="row">
  <div class="col-xs-4">
    <ul>
      <li><input type="checkbox"></li>
      <li><input class="landmark" type="checkbox" value="4" name="patient[block_procedure_part2_notes_attributes][1][monitoring_device_ids][]" id="patient_block_procedure_part2_notes_attributes_1_monitoring_device_ids_4" /></li>
      <li><input type="checkbox"></li>
      <li><input type="checkbox"></li>
    </ul>
  </div>
  <div class="col-xs-8">
    <ul>
      <li><input type="checkbox"></li>
      <li><input class="us_image" type="radio" value="clear" checked="checked" name="patient[block_procedure_part2_notes_attributes][1][us_image]" id="patient_block_procedure_part2_notes_attributes_1_us_image_clear" /></li>
      <li><input class="us_image" type="radio" value="clear" checked="checked" name="patient[block_procedure_part2_notes_attributes][1][us_image]" id="patient_block_procedure_part2_notes_attributes_1_us_image_poor" /></li>
      <li><input type="checkbox"></li>
    </ul>
  </div>
</div>

// Javascript
var landmark = $('input.landmark');

landmark.change(function(event) {
  var usImageOptions = $(event.target).closest('input.us_image');
  if (landmark.prop('checked')) {
    resetInputs(usImageOptions);
    controlFormSub();
    disableInputs(usImageOptions, true);
  } else {
    disableInputs(usImageOptions, false);
  }
});

```

You can see that there are 2 `.row`s. More rows could be added with an add button, or remove with a remove button.

Here I am trying to disable the `usImageOptions` radio buttons, corresponding to the nearest `.landmark` that is checked. If `.landmark` in 1st `.row` is checked, then the 1st `.row`'s `.usImageOptions` should be cleared and disabled. The 2nd `.row` should be intact.

I'm reluctant to find by other classes because if they changed, then this code would break. 

I've tried numerous ways to select the `.usImageOptions` within same row but couldn't. What should I do?