제이쿼리로 html내용 가져오기

                    <div class="country_selbox">
                        <ul>
                            <li>81 <span>Japan<span></li>
                            <li>82 <span>Japan<span></li>
                            <li>83 <span>Japan<span></li>
                            <li>84 <span>Japan<span></li>
                            <li>85 <span>Japan<span></li>
                            <li>86 <span>Japan<span></li>
                        <ul>
                    </div>

여기서 클릭한 il값이 4번째라면 84 Japan이란값을

새로운 <div class="test"> 84 Japan </div>  이라고 넣는 방법이있을까요?

il이에 html안에 값을 test 라는 div에 넣어

라는 걸로가능할까요? 제이쿼리로요