How to change the value of a properity from inside a function using Jquery?
<p>Hello i am using <a href="http://flesler.blogspot.com/2008/02/jqueryserialscroll.html" rel="nofollow">jquery serialscroll</a> on my website. In one of its JavaScript file some code looks like this:</p>

<pre><code>var test_function;

(function( $ ){

     var $serialScroll = $.serialScroll = function( settings ){
        return $(window).serialScroll( settings );
     };         

    $serialScroll.defaults = {// the defaults are public and can be overriden.
        duration:1000, // how long to animate.
        axis:'x', // which of top and left should be scrolled
        event:'click', // on which event to react.
        start:0,// first element (zero-based index)
        step:1,// how many elements to scroll on each action
        lock:true,// ignore events if already animating
        cycle:true, // cycle endlessly ( constant velocity )
        constant:true // use contant speed ?

    };

   alert($serialScroll.defaults.step); //it will show the correct value '1'

   $serialScroll.defaults.step=3; //if i do this it will change the value of step to '3'

  test_function=function()
  {
    //but if do this then it will not change the value of step
    $serialScroll.defaults.step=4;     
  };

})( jQuery );
</code></pre>

<p>So now please tell how can i change the value of <strong>step</strong> from inside that "test_function()"?</p>

<p>-Thanks in advance</p>
