Jquery禁用输入和tooltipClass无法一起工作

Question

我正在写一个基本表单，因为我是jQuery的新手，我已经让电子邮件输入需要输入一些内容才能使提交按钮变为活动状态：

<script>
    $(document).ready(function (){
        validate();
        $('#email').change(validate);
    });

    function validate(){
        if ($('#email').val().length   >   0 ) {
            $("input[type=submit]").prop("disabled", false);
            $("input[type=submit]").tooltip({ disabled: true });
        }
        else {
            $("input[type=submit]").prop("disabled", true);
    $( "input[type=submit]" ).tooltip({ tooltipClass: "tooltip" },{ position: { my: "left center", at: "right center" } });
        }
    }
</script>

这样可以正常但我的tooltipClass对提交不起作用，只有我拥有的#email元素，如果我删除上面的脚本就可以了。

<script>
  $(document).ready(function () {
    $( '#email' ).tooltip({ tooltipClass: "tooltip" },{ position: { my: "left center", at: "right center" } });
    $( '#submit' ).tooltip({ tooltipClass: "tooltip" },{ position: { my: "left center", at: "right center" } });
  });
</script>