谷歌浏览器不会在单选按钮上触发模糊事件？

这是我在此的头一篇博文 -大家好

我目前正在开发一个html表单，支持css和jquery。该表单将由“没有经验的用户”使用，因此我的重点在于良好的可用性。因此，我为每个输入字段提供提示以及进一步的说明。为了显示提示，我使用了 onfocus/onblur javascript 事件，因此一次只显示一个提示。当我只有输入字段时，这很有效type="text"，但输入字段为type="radio"我在 google chrome 中遇到问题。

我制造了一个快速示例jsfiddle.net所以你明白我的意思了。那里的代码与我在表单中使用的代码非常相似，所以我没有费心将其发布在这里。到目前为止，除了谷歌浏览器之外，我测试过的每个浏览器都会弹出该警报。我想知道为什么？有任何已知的解决方案或解决方法吗？

工作样本:

$('input').on({
    click: function (e) {
        this.focus();
        $('#' + this.id + 'msg').show();
    },
    blur: function (e) {
        $('#' + this.id + 'msg').hide();
    }
});