未找到html5表单checkValidity（）方法

我正在尝试使用表单方法checkValidity（）

告诉我我的浏览器（Chrome）支持表单级别的checkValidity方法

但是，我使用JSFIDLE尝试了以下html和javascript片段：

<form id="profileform" name="profileform">
    <input type="text" id="firstname" required>
    <input type="button" id="testbutton" value="Test">
</form>

$('#testbutton').bind('click',function(){

    try{
    alert($('#profileform').checkValidity());
    }
    catch(err){alert('err='+err)};
});

$（'#testbutton'）。绑定（'单击'，函数（）{
试一试{
警报（$（'#profileform'）.checkValidity（））；
}
catch（err）{alert（'err='+err）}；
});

我收到一个错误：

对象没有方法checkValidity（）

我做错了什么？

试试：

$('#profileform')[0].checkValidity()

选择

$（'#profileform'）

将获得一个jQuery对象数组。要访问实际的DOM属性，必须选择数组中的第一项，即原始DOM元素