title: custom plugin not working at all
body: <p>I'm trying to apply a custom plugin to some <code>div</code>. Here is the code :</p>
  
  <pre><code>$.fn.popout = function( options ){
  
      var settings = $.extend({
          l : this.width()/2,
          h : this.height()/2,
          percent: 100,  //default 100
          speed : 800, //default 800 
          easing : 'easeOutBounce'    //default easeOutBounce
      },options);
  
  
      return this.effect(
              'scale',
              {origin:['middle','center'], 
              from:{width: settings.l, height: settings.h},
              percent: settings.percent,
              direction: 'both',
              easing: settings.easing}, settings.speed);
  };
  </code></pre>
  
  <p>As you can see, it applies a sort of "pop-out" effect to a <code>$('.someclass')</code> div. The problem is that if I apply the <code>effect</code> in this way : </p>
  
  <pre><code>$('.someclass').effect('scale', .. code )
  </code></pre>
  
  <p>It works perfectly, instead if I use </p>
  
  <pre><code>$('.someclass').popout({..options..})
  </code></pre>
  
  <p>When the script runs , the <code>scaled</code> element does not reach it's <code>100%</code> value , but it stucks at <code>from</code> dimensions.</p>
  
  <p>Suggestions?</p>
  
  <p>I wrote the plugin because I have to apply it to several divs in different moments of my script. </p>