JSFiddle - React, Tailwind, and code Playground

HTML

<span>
Please click the female, you should see the female is checked, otherwise that is a bug.
  <span>
    <input type="radio" name="_pg4b7mno" id="gSJQ3-real"
    checked="checked">
      <label for="gSJQ3-real">male</label>
      <span id="gSJQ4">
        <input type="radio" name="_pg4b7mno" id="gSJQ4-real">
          <label for="gSJQ4-real">
          female</label>
        </input>
      </span>
    </input>
  </span>
</span>

JavaScript

$(document).ready(function () {
    $("input:eq(1)").click(function () {
        $("input:eq(0)").removeAttr("checked");
    });
});