MDB Bootstrap Support

Hi,

I am facing problem with character counter in dynamically added textarea component. I'm using version 4.6.0 (not available in the version selection dropdown).

var inp = $("<div class='md-form'>\
    <textarea id='" + idName + qNo + "' class='authoring md-textarea' length='256'></textarea>\
    <label for='" + idName + qNo + "'>Question text</label>\
</div>")

inp.appendTo($("#MyDiv"));

$("input#"idName+qNo, "textarea#"idName+qNo).characterCounter();

The component is properly added to the DOM as I inspect it in the component inspecter panel in Chrome dev tools. Even after initializing the characterCounter() method after adding the component to "MyDiv" I don't get the character counter. However, if I copy/paste the code of the component (by replacing dynamic variables with static text for IDs), the character counter appears.

The span for characterCounter is added to DOM only when the code is written statically in the HTML but there is no span tag when the code is dynamically added via JS.

Can you please help?