How to generate dynamic breadcrumb in jquey

Question

And Change the class after the submit button clicked and it will activate the another li.

 

<div class="group_box_div group_box_div_btm_brdr">

<div class="container" id="MemberFamilyDIV">

<ul class="nav nav-pills">

<li class="active Tab-MedQuestions" id="Primary" data-value="1" onclick="InsuredId('Primary')"><a href="#tab_a">PRIMARY</a></li>

<li><img src="js/Next.png" style="width: 30px;padding-top: 3px;" /> </li>

<li class="Tab-MedQuestions"><a href="#tab_b" id="Secondary" data-value="2" onclick="InsuredId('Secondary')">WIFE</a></li>

<li><img src="js/Next.png" style="width: 30px;padding-top: 3px;" /> </li>

<li class="Tab-MedQuestions"><a href="#tab_c" id="Third" data-value="3" onclick="InsuredId('Third')">SON</a></li>

<li><img src="js/Next.png" style="width: 30px;padding-top: 3px;" /> </li>

<li class="Tab-MedQuestions"><a href="#tab_d" id="Fourth" data-value="4" onclick="InsuredId('Fourth')">DAUGHTER</a></li>

</ul>

</div>

</div>

 

 

please help me im new in jquery