MDL - Spinner and "Loading ..." Text

Hi,

I am using the code below to show the MDL spinner when the button is clicked, using the onclick JS function. The problem is however when you click on the button all you ever see if the words "Loading..." the spinner doesnt actually load. I tested cross browser (Chrome/IE) and appears consistent across browser.

Is this my coding approach or something else?

`

Next

function login_loading_spinner() {
document.getElementById("login").innerHTML = "<div class=\"mdl-spinner mdl-spinner--single-color mdl-js-spinner is-active\"></div>";
}
`