Hello!

I have an HTML button that I created using the following HTML:

<div align="center">
<button onclick="ReportIssue()" type="button">Report an Issue</button>
</div>

When clicked, the button triggers the following JavaScript to run which checks a checkbox in a checkbox field (field 56 in the below code):

//Allows for the selection of a hidden checkbox by clicking the "Report an Issue" button
function ReportIssue() {
  $('#Field56-0').prop('checked', true);
}

Clicking the button is successfully checking the singular checkbox option in the checkbox field, but despite having a field rule that is set to show a few additional fields when that checkbox is checked, it is not showing those additional fields. Only when I manually check the checkbox NOT via JavaScript does the field rule execute properly. 

Any tricks that I'm missing here? Thank you very much in advance!!!