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