关于用jquery按钮控制图片左右移动不能多次执行问题

 <button id="L">L</button>
    <button id="R">R</button>
        <span></span>
        <script type="text/javascript">
            $(function () {
                $("#L").bind("click",(function(){
                     $("span").animate({
                         right:'+=500px'
                           },3000);

                    }));

            });
              $(function () {
                $("#R").click(function(){
                 $("span").animate({
                         left:'+=500px'
                  },3000)
                });
            });
        </script>