Jquery colorbox within a jquery tab, results in colorbox failing
I'm building a shop using opencart, and I'm trying to move the code for jquery colorbox into a jquery tab, but as soon as I place it there it stops working. Outside of the tabs it works fine.
Here' the code opencart uses to display the colorbox on a page:
I'm using standard jquery ui tabs code using a ul for the main tabs and divs for the content.
<div class="image"><a href="http://url/image/cache/data/img/product-492x654.jpg" title="product title" class="colorbox" rel="colorbox"><img src="http://url/image/cache/data/img/product-401x533.jpg" title="product title" alt="product alt tag" id="image" /></a></div>
I assume this is the actual jquery scripts clashing, but I know nothing about these things, so if anyone can help me to get this working it'd be most appreciated.