title: jquery UI dynamically transfered img with UI/Effects/Transfer
body: <p>I'm using this JQuery UI component:</p>
  
  <p><a href="http://docs.jquery.com/UI/Effects/Transfer" rel="nofollow">http://docs.jquery.com/UI/Effects/Transfer</a></p>
  
  <p>My code is this:</p>
  
  <pre><code>$(".button").click(function () {
    var source = $(this).attr("src");
    $(".ui-effects-transfer").css("background-image", "url("+source+")");  
    $(this).effect("transfer", { to: $(".target") }, 1000);
  });
  </code></pre>
  
  <p>But this line doesn't affect transfer script:</p>
  
  <pre><code>$(".ui-effects-transfer").css("background-image", "url("+source+")"); 
  </code></pre>
  
  <p>How can I fix this?</p>