Currently, this script takes the image alt tag contents and displays it through the #caption p tag. My captions need to include links so the alt tag solution will not work for me. I added in the descriptions class to this demo. Is there an easy way in jQuery to display the corresponding text div as the caption for each image? Any help is greatly appreciated.

HTML Code:
<!DOCTYPE html>
<title>JQuery Cycle Plugin - Basic Demo</title>
<style type="text/css">
.slideshow { height: 232px; width: 232px; margin: auto }
.slideshow img { padding: 15px; border: 1px solid #ccc; background-color: #eee; }
.descriptions { display:none; }
#main { text-align: center }
<!-- include jQuery library -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<!-- include Cycle plugin -->
<script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.latest.js"></script>
<script type="text/javascript">
$(document).ready(function() {
        fx:     'shuffle',
        after:   function() {
<div id="main">
    <div class="slideshow">
        <img src="http://cloud.github.com/downloads/malsup/cycle/beach1.jpg" width="200" height="200" alt="Caption 1" />
        <img src="http://cloud.github.com/downloads/malsup/cycle/beach2.jpg" width="200" height="200" alt="Caption 2" />
        <img src="http://cloud.github.com/downloads/malsup/cycle/beach3.jpg" width="200" height="200" alt="Caption 3" />
        <img src="http://cloud.github.com/downloads/malsup/cycle/beach4.jpg" width="200" height="200" alt="Caption 4" />
        <img src="http://cloud.github.com/downloads/malsup/cycle/beach5.jpg" width="200" height="200" alt="Caption 5" />
    <div class="descriptions">
        <div class="text"> <a href="#">Caption 1</a> </div>
        <div class="text"> Caption 2 </div>
        <div class="text"> Caption 3 </div>
        <div class="text"> Caption 4 </div>
        <div class="text"> Caption 5 </div>
    <p id="caption"></p>

Demo link: