Refresh a div on the same page after using click function
===

I'm using a java script print function that print's the predefined div of a page on click. The function is as following:

    <head>
    <script type="text/javascript">
    function printDiv(any printable div) {      
    var printContents = document.getElementById(any printable div).innerHTML;      
    var originalContents = document.body.innerHTML;       
    document.body.innerHTML = printContents;       
    window.print();       
    document.body.innerHTML = originalContents; 
    } 
    </script>
    </head>

The printer form input method and printable div are as following:

    <body>
    <input type="button" class="button" onclick="printDiv('any printable div')" name="print" value="print" />
    <div id = "any printable div"> On button click contents here are printed </div>
    </body>

I'm also using a j-query text marquee / scroller on the same page that performs it task based on the function

     $(document).ready(function(){


All works fine independently. The problem is that the text marquee / scroller stops scrolling the text when the print button is clicked. The scroller can't scroll the text until the page is refreshed. So I'm using html meta refresh but that may be an annoying experience to the visitors. I don't want to use the scroller in an iframe too.

I've tried some j-query and java script based solution by this time. The scripts refresh (Just fades in and out the whole block of texts) the div where the scroller is silently but actually can't keep the text scrolling. 

Is there any good j-query or java script based solution available that refreshes the scroller div silently based on the situation I explained above in a given period of time?

