부모를 클릭하면 자식 요소 트리거

내가 이루고 싶은 것을 이미지로 설명하고, 더 쉽다고 생각합니다.

내가하고 싶은 것 (예를 보려면 클릭)

나는 이것을 시도했지만 작동하지 않습니다

$('.entry-tpl-grid').each(function(){
        $(this).on('click', function(){
            location.href = $(this).find('div > header > h3> a').attr('href');
        });
});

적용 할 위치 (예를 보려면 클릭)

<article class="entry-tpl-grid">

    <figure class="entry-featured-media">
       <a href="#" class="g1-frame">
          <div class="g1-frame-inner">
                <img src="https://--.com/300x300.png">
          </div>
       </a>
    </figure>       


    <div class="entry-body">
        <header class="entry-header">
              <h3 class="entry-title">
                  <a href="https://www.--.com/" class="woocommerce-LoopProduct-link"> Product name </a> 
              </h3>
        </header>
    </div>

</article>

미리 감사드립니다.