javascript - Modifying HTML elements using jquery -

i trying use jquery add , remove class <li> elements according variable's value ( i ).

here jsfiddle of have done far http://jsfiddle.net/lx8ym/

clicking "+" increments i 1 ( have checked chrome's javascript console ).

one should able click "+" , class .active should removed , added <li> elements accordingly.

...i can first <li> element accept class, that's all...

no need if statements:

$(document).ready(function (){      $('#add').click(function (){     $('.numbers .active').removeclass('active').next().addclass('active');   }); }); 

jsfiddle

do note added 'active' class first list item. via js if not have control on markup.