Meta Object Data Value shows in the PDP

[AmilaDeshan]

Hi, 

I have a MetaObject Called "Brands". you can see that in the below screenshot. 

In the Content -> Meta Object page, I created a Brand definition as well. And assigned Brands to there as well. Check the below screenshot. 

When I go to a product, I can assign brands to the Product Meta Object field as well.  Like in the below image. 

I want to get the Brand name which is assigned to a product in the PDP.  I used below liquid code to add to the PDP, but the code is not working. 

<div class="product-brand">
  <h3>Brand:</h3>
  <p>{{ product.metafields.brand.name }}</p>
  <p>{{ product.metafields.brand.reference }}</p>
</div>

This code is not working and the brand value is not appearing. 

Can anyone please help me to solve the issue? 

Thanks.