인프런 커뮤니티 질문&답변

<div class="n_way_box">
   <a id="naver_w" href="https://map.naver.com/v5/directions/-/14365775.444474075,4185359.7991159186,%EC%98%A8%EC%A2%85%ED%95%A9%EB%B3%91%EC%9B%90,13345094,PLACE_POI/-/transit?c=14122828.6708211,4515503.7589505,15,0,0,0,dh">
        <div class="way_img_box">
             <img src="../img/guide/naver_2.png" alt="">
        </div>
        <a href="https://map.naver.com/v5/directions/-/14365775.444474075,4185359.7991159186,%EC%98%A8%EC%A2%85%ED%95%A9%EB%B3%91%EC%9B%90,13345094,PLACE_POI/-/transit?c=14122828.6708211,4515503.7589505,15,0,0,0,dh"class="naver_text">네이버 길찾기</a>
   </a>                                        
</div>
<div class="k_way_box">
        <div class="way_img_box">
             <a id="kakao_w" href="https://map.kakao.com/?map_type=TYPE_MAP&target=car&rt=%2C%2C492877%2C1130243&rt1=&rt2=%EC%98%A8%EC%A2%85%ED%95%A9%EB%B3%91%EC%9B%90&rtIds=%2C&rtTypes=%2C">
                   <img src="../img/guide/kakao_2.png" alt="">
             </a>
        </div>
        <a id="kakao_w" href="https://map.kakao.com/?map_type=TYPE_MAP&target=car&rt=%2C%2C492877%2C1130243&rt1=&rt2=%EC%98%A8%EC%A2%85%ED%95%A9%EB%B3%91%EC%9B%90&rtIds=%2C&rtTypes=%2C" class="kakao_text">카카오 길찾기</a>
</div>




$('.n_way_box').click(function(){
    $('#naver_w').trigger("click")
    console.log("naver 강제 클릭 a")
  })
  $('.k_way_box').click(function(){
    $('#kakao_w').trigger("click")
    console.log("kakao 강제 클릭 a")
  })

이렇게 썼는데 
jquery-2.1.4.min.js:3 Uncaught RangeError: Maximum call stack size exceeded
라고 오류 나네요...ㅠㅠ