jQuery sliding box with caption, the caption starts on top on page-load
<p>Pretty new to this with jQuery. I´m using a plugin to animate jQuery sliding box with caption.</p>

<pre><code>&lt;script type="text/javascript"&gt;
            $(document).ready(function(){


                $('.boxgrid.caption').hover(function(){
                    $(".cover", this).stop().animate({top:'130px'},{queue:false,duration:160});
                }, function() {
                    $(".cover", this).stop().animate({top:'190px'},{queue:false,duration:160});
                });
            });
        &lt;/script&gt;
</code></pre>

<p>The problem is that when page-loads the caption position at the top in each div-container. 
But I want the caption at the bottom just showing the name on "page-load". 
<a href="http://www.missbee.se/myPerformance3/" rel="nofollow">http://www.missbee.se/myPerformance3/</a></p>

<p>And here is the plugin page,
<a href="http://webdesignandsuch.com/posts/sliding-doors/" rel="nofollow">http://webdesignandsuch.com/posts/sliding-doors/</a></p>
