Weird jquery plugin issues
<h2>Problem</h2>

<p>Options.whatever(options.slideDirection) value remains the same for both the containers instead of eg: slideSpeed : 800 -> container1, slideSpeed : 700 -> container2 when populateContent() calls runSlider() but remains proper if runSlider is directly called.</p>

<h2>Script Call</h2>

<pre><code>$('#container1').slide({

        service : "services/service1.json",
        slideInterval : 2000,
        slideSpeed : 800,
        slideDirection : 'right'
});

$('#container2').slide({
        service : "services/service2.json",
        slideInterval : 7000,
        slideSpeed : 200,
        slideDirection : 'left'
});
</code></pre>

<h2>Plugin</h2>

<pre><code>$.fn.slide = function(settings) {

    var options = {

        service : '',
        slideInterval : 5000,
        slideSpeed : 800,
        slideDirection : 'right'
    };

    $.extend(options , settings);


    jQuery.populateContent = function(serviceUrl,elm) {
        $.runSlider(elm);
    });

    jQuery.runSlider = function(el) {
        console.log(options.slideDirection);    //***always option value remains the same, shows left always...
    });


    return $(this).each(function() {

        var self = this;            

        $.populateContent(service,self);  -&gt; calls populateContent() -&gt;runSlider()   -&gt; **Not proper option.slideDirection always remain same           
        //$.setSlider(self);          -&gt; directly calls runSlider() -&gt; **It is proper**  option.slideDirection change

    });

});
</code></pre>
