jQuery Forum

I am new to jquery and my first post here, so any help would be great.

I am using jquery cycle to display images on my blog. I am having trouble getting each slideshow to behave independently.  I have gotten the pager to work, but the prev/next buttons are giving me some real trouble. Here is my code:

1. $(".slides").each(function() {
2.         var p = this.parentNode;
3.        
4.         $(this).after('<div class="pager">')
5.         $(this).cycle({
6.             fx: 'fade',
7.             pause: 0,
8.             timeout: 5000,
9.             prev: $('a.prev', p),
10.             next: $('a.next', p),
11.             pager: $('.pager', p),
12.             pagerAnchorBuilder: function(idx, slide) {
13.                 return '<a href="#" ></a>';
14.                 $(this)(".activeSlide", p).css("background-image", "url('images/gray_dot.png')");               
15.             }
16.         });   
17.     });

My HTML puts the forward and next buttons outside the slideshow div, but only because I can't find the best way to put them on either side of the pager div.  Since they aren't inside that div, they don't respond using the variable p. 

How do I get <a class="prev" href="#"></a> and <a class="next" href="#"></a> to be built dynamically before and after the pager divs, respectively?