Applying is-invalid styling for a textarea

I am trying to apply the is-invalid styling for a textarea in the below manner.

```
$("#textareaid").parent().addClass("is-invalid");
```

I know this works for input type="text" but what about textarea element? This could be due to key differences in the way CSS is applied on the two types of elements. But I wished to know whether there could be a way of apply the "is-invalid" MDL styling for a textarea element.