get indirect child of an element by class name

I have a parent div element which I get like this...

this.$()

This returns the element correctly.

Now i want to select a grandchild element by class name. Here is the element structure.

So, at the moment I have the parent in a variable and I want to target the h2 element by class name 'profile-name'. So i do this...

this.$().find('.profile-name');

This does not return the element and I think its because its not a direct child. If i do this...

this.$().find('.profile-name-container');

It works and returns the container element.

How would I target the h2 by class name?