In the following snippet, why does `divClicked()` trigger **twice** when the `<label>` is clicked, but only **once** when `<input>` is clicked?

```js
function divClicked(_index) {
  console.log("div click event");
}

function inputClicked(_index) {
  console.log("input click event");
}
```

```html
<div class="option" onclick="divClicked(1)">
  <input id="1_1" name="group_1" type="radio" value="1" onclick="inputClicked(1)" />
  <label for="1_1">label</label>
</div>
```

**Note:** I want to know **why** this happens, not a "quick fix" like: *put onclick() on label*.