Why this simple transfer effect doesn't work?

Why this simple transfer effect doesn't work?

the body html code:
  1.     <div style="background:yellow;width:500px;height:300px;">
  2.         <div id="div1" style="background:red; width:100px;height:100px; float:left;"></div>
  3.         <div id="div2" style="background:blue; width:50px;height:50px; float:right;"></div>
  4.     </div>
then the js code:
  1.      $(function () {
  2.             $("#div1").click(function () {
  3.                 $(this).effect("transfer", { to: $("#div2") }, 1000);
  4.                 //$(this).effect("shake", { times: 2 }, 200);
  5.             });
  6.         });
of course I have import the
  1. <script type="text/javascript" src="js/jquery-ui-1.8.5.custom.min.js"></script>
you can see the bad online:http://jsfiddle.net/hh54188/wz2J3/
the below “shake”effect could work,but the transfer does't work
so,how to solve the problem?thank you