jQuery click child element
<p>I have this list browse plugin with next &amp; prev button</p>

<p>HTML : </p>

<pre><code>&lt;ul&gt;
  &lt;li&gt;&lt;a href="http://www.google.com/"&gt;Google&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="http://www.yahoo.com/"&gt;Yahoo&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="http://www.aol.com/"&gt;Aol&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;input type="button" class="prev" value="&lt; Prev" /&gt;
&lt;input type="button" class="next" value="Next &gt;" /&gt;
</code></pre>

<p>JQUERY :</p>

<pre><code>(function(){
    var $lis  = $('ul li'),
        index = 0;

    function li_click(){
        lastIndex = index;
        index = $(this).index();
        $lis.eq(index).addClass('active');
        $lis.eq(lastIndex).removeClass('active');
    }

    $lis.click(function () {
        $lis.eq(index).removeClass('active');
        index = $(this).index();
        $lis.eq(index).addClass('active');
    }).eq(0).addClass('active');

    $('.next, .prev').click(function () {
        $lis.eq(index).removeClass('active');
        if ($(this).hasClass('prev')) {
            index--;
            if (index &lt; 0) {
                index = ($lis.length - 1);
            }
        } else {
            index++;
            if (index &gt;= $lis.length) {
                index = 0;
            }
        }
        $lis.eq(index).addClass('active');
    });
})();
</code></pre>

<p>Here is <a href="http://jsfiddle.net/Rtmdj/23/" rel="nofollow">Fiddle</a></p>

<p>This plugin works fine. But I want to trigger its child element ('a') on clicking next/prev buttons</p>

<p>for example, I click on next button &amp; move to Yahoo then I want its child ('a') to get clicked. same thing goes with prev button. I want to trigger child element ('a') of newly added parent class ('.active')</p>

<p>How can I achieve this ?</p>
