jQuery cycle pagerAnchorBuilder span in between li
<p>I am creating a cycle slideshow, 
the problem is that, i have span in between li tags, 
the controller li buttons doesnt work fine as the actived li skipped the second menu button, if I get all span tags removed, it works good. 
any way I could keep span tags? 
how should I change "pagerAnchorBuilder" attr? 
THanks a lot in advance</p>

<p>here are codes</p>

<pre><code>var $featured_content = $('#slide');
if ($featured_content.length) {
    $('#slide').cycle({ 
    activePagerClass: 'active',
    timeout: 0,         
    speed: 300,
    cleartypeNoBg: true,
    cleartype: true, 
    pager: '#controller ',
    fx: 'fade',
    pagerAnchorBuilder: function(idx, slide) {
           return '#controller li:eq(' + (idx) + ')';
        }
}); 
}






&lt;ul id="controller"&gt;
&lt;li&gt;menu1&lt;/li&gt;  
&lt;span&gt;|&lt;/span&gt;
&lt;li&gt;menu2&lt;/li&gt; 
&lt;span&gt;|&lt;/span&gt;
&lt;li&gt;menu3&lt;/li&gt;
&lt;span&gt;|&lt;/span&gt;
&lt;li&gt;menu4&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
</code></pre>
