카테고리명 변경

<button type="button" class="select_name">카테고리명</button>

<ul id="Catal">
  <li><a href="">전체</a></li>
  <li><a href="" data-txt="카테고리1">카테고리1</a></li>

  <li><a href="" data-txt="카테고리2">카테고리2</a></li>

  <li><a href="" data-txt="카테고리3">카테고리3</a></li>

  <li><a href="" data-txt="카테고리4">카테고리4</a></li>         

</ul>

<script>

$("#Catal li > a").click(function(){
  var txt = $(this).attr("data-txt");
  $('button.dev-select-on-biz').text(txt);
})

</script>

게시판 카테고리 리스트를 선택하면 상위에 button에 카테고리명을 선택한 분류명으로 바꾸고 싶습니다 현재 위에 스크립트로 코드로 변경하니 url이 변경되니 초기화가 되네요 혹시 선택한 카테고리명을 버튼에 변경해서 넣을 수 있는 방법좀 알려주세요 ㅠ