ajax 리턴값을 카카오톡 이미지 url에 넣어 전송하려는데요.염치불구하고 도움 부탁 드립니다. 채택완료

ajax로 결과값을 제대로 리턴을 받아와 뿌려지는데는 성공 하였습니다.

if(data) {
$('#test').val(data);
}

보이는 코드는

<input id="test" type="text" class="inputbox" size="100" value=""/>

문제는 위에 input의 value값을

카카오톡 이미지 url에 넣기 위해 kdata변수로 담아서 imageUrl에 뿌려 주려고 하는데

데이터를 못 불러오네요.

리턴을 잘못된 형식으로 받아오는건지?? 아님 밑에 변수값을 잘못된 방법으로 불러오는지

조언부탁드립니다.

<script type='text/javascript'>
Kakao.init('');
        var kdata = $('#test').val(); 

       Kakao.Link.createDefaultButton({
          container: '#kakao-link-btn',
          objectType: 'feed',
          content: {
            title: '대제목',
            description: '소제목',
            imageUrl: kdata,
            link: {
              mobileWebUrl: '',
              webUrl: ''
            }
          },
          buttons: [
            {
              title: '버튼 타이틀',
              link: {
                mobileWebUrl: '',
                webUrl: ''
              }
            }
          ]
        });
</script>