javascript - 현재 URL에서 특정 div 만 새로 고침/새로 고침

예를 들어 다음 HTML이 있습니다 :

<div class="wrapper">
  <div class="content one">Hello</div>
  <div class="content two">Sam</div>
  <div class="button">Click me</div>
</div>

이 페이지의 URL은 "www.mypage.com/sam"과 같이 동적으로 생성됩니다. 스크립트를 실행하려면이 페이지의 현재 URL을 가져와야합니다.

이제 버튼을 클릭하여 현재 페이지에서 "content two"div 만 새로 고침/새로 고침하고 싶습니다. 나는 이런 식으로 시도했지만 성공하지 못했습니다 :

$( ".button" ).click(function() {
    var url = window.location.href;
    $('.content.two').load( url ".content.two" ); 
});

내 실패는 무엇입니까?