Jquery 无法选择“选定”单选按钮

我有一张表格：

<form>
<label>Login Method</label>
<ul>
    <li>
        <label class="">Safeword</label>
        <input type="radio" value="safeword" name="auth-method" />
    </li>
    <li>
        <label>Multi-Factor</label>
        <input type="radio" value="multi_factor" name="auth-method" />
    </li>
    <li>
        <label>Digital Certificate</label>
        <input type="radio" value="digital_cert" name="auth-method" />
    </li>
    <li>
        <button name="auth-method-submit" value="continue" class="continue">Continue</button>
    </li>
</ul>

JSFIDLE是。但是，如果您检查控制台，您将看到：

val is 
undefined 

---

为什么我不能选择该值？

更加整洁和有效：

val is 
undefined