title: Why doesnt this simple jQuery transfer effect work?
body: <p>I've included the jQuery UI stuff that I need and the jQuery core but still the following wont work:</p>
  
  <pre><code>&lt;div id="a" style="width: 500px; height: 500px; background-color: #F00; border: 1px solid #00F;"&gt;Click me&lt;/div&gt;
  &lt;div id="b" style="width: 50px; height: 50px; background-color: #0F0; border: 1px solid #00F;"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>And</p>
  
  <pre><code>$(document).ready(function () {
      $('#a').click(function () { 
          $(this).effect(
              'transfer', 
              { to: $('#b') }, 
              1000
          ); 
      });
  });​
  </code></pre>
  
  <p>You can find a JSFiddle example <a href="http://jsfiddle.net/EUSyz/" rel="nofollow">here</a></p>