Javascript error

Problem/Motivation

When having the title and description SEO fields being editable ("Enable title editing" and "Enable description editing"),
the joast_seo.js gives me an error:

Uncaught TypeError: snippetTitle.attr is not a function
and
An error occurred during the execution of the Ajax response: TypeError: snippetMeta.attr is not a function
This seems to be caused by lines 360 and 409 of the yoast_seo.js, because the element is not wrapped in a jQuery object around it, being the .attr function a jQuery function indeed.

And i also noticed: when i go editing a node, having the setting "Enable auto refresh of the Real Time SEO widget result" disabled i always get the field in the form saying "Bad", even if the form loads with a high score.
To my eye seems the scheduleUpdate function keeps calling itself, but never actually gets to do any update to the form, because my setting makes it so that the refreshData function at line 240 will always get a false:

if (
      !jQuery('.ajax-progress').length &&
       this.config.auto_refresh_seo_result
    ) {
      // Click the refresh data button to perform a Drupal AJAX submit.
      this.$form.find('.yoast-seo-preview-submit-button').mousedown();
    }
    else {
      this.scheduleUpdate();
    }

At page load, though, we want to force an update with real data from the node.

Steps to reproduce

Edit a content type allowing title and or description to be edited

Proposed resolution

• Wrapping the elements in a jQuery call, or (maybe better) using a pure javascript way for handling those attributes.
• Adding a forceRefresh parameter to the function so that at load we can trigger a real update

Remaining tasks

User interface changes

API changes

Data model changes