По нажатию на кнопку выведите в абзац содержимое атрибута href ссылки. Как сделать?

<a href="test" id="test_a"></a>
<button class="btn" id="test_btn"></button>
<p id="test_p"></p>

$('button#test_btn').click(function(){
   href = $('a#test_a').attr('href');
   p = $('p#test_p');
   $(p).html(href);
})

  document.getElementById('test_btn').addEventListener("click",function() {
      href = document.getElementById('test_a').getAttribute('href');    
      p = document.getElementById('test_p');
      p.innerHTML = href;
  })