菜鸟 jq appendTo问题

<div id="a1" style="background:#0F0; width:200px; height:200px;">
  <ul >
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
  </ul>
</div>
<div id="a2" style="background:#ff0; width:200px; height:200px;"></div>

 <script type="text/javascript" src="js/jquery-2.1.1.js"></script>
<script type="text/javascript">
            $(function(){
                $("#a1 li").click(function(){
                    $(this).appendTo("#a2");
                });

                $("#a2 li").click(function(){
                    $(this).appendTo("#a1");
                }); 
            })
        </script>

两个div,点第一个 div 的li 显示在 第二个div中 ，可在点击 第二个div 里的li 就会不到 第一个div中了。请指教下 谢谢。

一个是show()方法,一个是hide()方法

请帮忙解决下 ，在线等！ 谢谢

改on方法，直接click是对已经选中的元素执行事件绑定，你a2又没有li，当然没有绑定

             $(function(){
                $("#a1").on('click','li',function(){
                    $(this).appendTo("#a2");
                });

                $("#a2").on('click','li',function(){
                    $(this).appendTo("#a1");
                }); 
            })