物化CSS无法删除<i>标签

Question

我有一个输入，例如：

<div style="padding-left: 10px;">
    <p>
        <label for="KVKK">
            <input type="checkbox" id="KVKK"/>
            <span>KVKK Belgesini onayla</span>
        </label>
    </p>
</div>
    <div class="row" >
        <div class="input-field col s12" id="buton">
            <input type="submit" id="acceptLoginPage" name="acceptLoginPage"  value="Giriş" class=" disabled white-text btn waves-effect waves-astron col s12 "/>
        </div>
    </div>

当我单击复选框KVKK尝试从输入中删除“禁用”类时。

这是我的剧本：

$(document).ready(function() {
    $('#KVKK').on('click', function() {
        $("#acceptLoginPage").removeClass("disabled");
    });
});

此代码无效。但是奇怪的是，当我检查代码时，当页面加载输入标签变为：

<div class="input-field col s12" id="buton">
  <i class=" disabled white-text btn waves-effect waves-astron col s12  waves-input-wrapper" style="">
    <input type="submit" id="acceptLoginPage" name="acceptLoginPage" value="Giriş" class="waves-button-input">
 </i>

我观察到“禁用”类属于标记，并且无法使用removeClass（'disabled'）命令将其删除。

这是代码：

Codepen