colorbox not displaying first caption from flickr gallery integration

I am pulling small thumbnails into my page from the flickr API, and using Colorbox to display larger thumbnails and captions from the title attribute. Using the API with C#.

However, on the first instance of opening colorbox it does not display the caption from the anchors title attribute.

If you click next or previous then it appears. The actual caption is physically there in the source code, just not getting put into the colorbox window.

Demo here, if you click on a thumbnail you will see there is no caption, click next then prev and it will appear.

Here's the code:

<script type="text/javascript">
        $(function() {
            $("a[rel='group']").colorbox({ opacity: 0.75 });
        });
</script>

<a href='http://farm6.static.flickr.com/5015/5511378425_e63d4a62f7.jpg' title='Little Hermit (Peter Dunn)' rel='group' class='tooltip'>
    <img src='http://farm6.static.flickr.com/5015/5511378425_e63d4a62f7_s.jpg' alt='Little Hermit (Peter Dunn)' />
</a>

If i view source, the title attribute is populated with the caption, but if i ook in firebug it is not in the colo开发者_如何学JAVArbox code.

Any help on this would be great Ive ran out of ideas!

They way I would break this down is to remove other jQuery plugins that you're using on that page to find out which is causing the issue. It might be a function or utility in other plugins that is clashing or interfering against Colorbox.