Enable jScrollPane working with jquery TabControl

If a <div> element "scroll-pane" which requires to be rendered using jScrollPane is within another <div> element "tabs" rendered with jquery ui TabControl, it is necessary to call jScrollPane() method on the "scroll-pane" after "tabs" calls its tabs() method by calling $("#scroll-pane").jScrollPane() in "tabs" onShow event trigger. The jquery code look likes this:

 $(function(){

                    $( "#tabs" ).tabs({

                     show: function(event, ui) 

                     {

                        $("#scroll-pane").jScrollPane();

                     }

                    });                    

            });