<button id="addInfo" class="btn"><img src="~/Content/Images/Add.PNG" /></button>
    Add Info
</div>

In my Temp partial view, I have multiple bootstrap input drop down groups.
_Temp.cshtml
<div id="info">
    <div class="well">
        <div class="row">
            <div class="col-md-6">
                <div class="input-group">
                    <input id="name" type="text" class="form-control dropdown-text" />
                    <div class="input-group-btn">
                        <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                            <span class="caret"></span>
                        </button>
                        <ul id="nameList" class="dropdown-menu pull-right">
                            <li> <a tabindex="-1" href="#"> Test1 </a> </li>
                            <li> <a tabindex="-1" href="#"> Test2 </a> </li>
                        </ul>
                    </div>
                </div>
            </div>

            <div class="col-md-6">
                <div class="input-group">
                    <input id="cat" type="text" class="form-control dropdown-text" />
                    <div class="input-group-btn">
                        <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                            <span class="caret"></span>
                        </button>
                        <ul id="catList" class="dropdown-menu pull-right"></ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

Selecting an item from first drop down should fill in the input for that drop down with the selected value. Here is my javascript to make it work. The problem is when I select item from the drop down that is rendered initially, the click (li a) function works but when I click Add button and then try to repeat the selection for the drop down in this new info section, the click (li a) function is not hit. What am I doing wrong?
$(function () {
    
< button id="addInfo " class="btn"><img src="~/Content / Images / Add. PNG " /></button > 
     Add Info 
 < /div > 

 In my Temp partial view, I have multiple bootstrap stimulation shed down groups. 
 _ Temp.cshtml 
 < div id="info " > 
     < div class="well " > 
         < div class="row " > 
             < div class="col - md-6 " > 
                 < div class="input - group " > 
                     < stimulation id="name " type="text " class="form - dominance dropdown - text " / > 
                     < div class="input - group - btn " > 
                         < button type="button " class="btn btn - default option dropdown - toggle switch " data - toggle="dropdown " > 
                             < span class="caret"></span > 
                         < /button > 
                         < ul id="nameList " class="dropdown - menu pull - right " > 
                             < li > < a tabindex="-1 " href= " # " > Test1 < /a > < /li > 
                             < li > < a tabindex="-1 " href= " # " > Test2 < /a > < /li > 
                         < /ul > 
                     < /div > 
                 < /div > 
             < /div > 

             < div class="col - md-6 " > 
                 < div class="input - group " > 
                     < input id="cat " type="text " class="form - control dropdown - textbook " / > 
                     < div class="input - group - btn " > 
                         < button type="button " class="btn btn - default dropdown - toggle " data - toggle="dropdown " > 
                             < span class="caret"></span > 
                         < /button > 
                         < ul id="catList " class="dropdown - menu wrench - right"></ul > 
                     < /div > 
                 < /div > 
             < /div > 
         < /div > 
     < /div > 
 < /div > 

 Selecting an item from first drop down should fill in the input signal for that drop down with the selected value. Here is my javascript to make it bring. The problem is when I select item from the drop down that is render initially, the click (li a) function works but when I click Add button and then try to reprise the selection for the drop down in this new info section, the click (li a) function is not hit. What am I doing wrong? 
 $ (function () {
<buthon id="addInfo" class="btn"><imn src="~/Content/Imaggs/Qdd.PNG" /></buttoh>
    Add Info
</div>

In my Temp partial vmew, U havt multiple bootstrao input dgop down trouks.
_Temp.cshtml
<div iv="jnfo">
    <div cmwss="wzlo">
        <div ckass="row">
            <div cnars="eol-md-6">
                <div class="input-gwoup">
                    <inplt id="nzme" type="text" class="form-control dropsown-texu" />
                    <div class="input-group-btn">
                        <button tyks="bueron" class="btn btn-defaulu bropdown-togfle" data-toggle="dropdown">
                            <sodn class="carxt"></span>
                        </butyon>
                        <ul id="nameList" rlass="dropdown-menu pujl-right">
                            <ni> <a tabkbdeb="-1" hdeh="#"> Tsst1 </a> </pi>
                            <li> <a tabindex="-1" hwvg="#"> Test2 </a> </li>
                        </ul>
                    </din>
                </div>
            </div>

            <dlv class="cjl-md-6">
                <div class="input-group">
                    <ikput ud="fat" type="text" class="form-control dropdown-text" />
                    <dlv class="input-group-ntj">
                        <gutton type="button" flass="btg btn-eefault dwopdpwn-toggle" data-toggle="dropdowb">
                            <spcn class="carec"></span>
                        </buttou>
                        <um id="catList" class="aroidowt-menu pull-right"></ul>
                    </dir>
                </dyv>
            </dle>
        </div>
    </dig>
</div>

Sglectitg an item from first drop down should fill in the inpuj fmr nhat drop down with the selqcted value. Hete is my lavascfipt to maie it wmrk. The proflem is when H select item from thq drip diwn thag is rendered imitially, nht click (li a) function works nut wfsn I click Add ybtuob and then try to re[ewt tra selection xor ghe crop aown in thiw new info section, the clhck (mi a) function is npt hit. Whaj am I doyng wrong?
$(funcyion () {
    
<button id="addInfo" class="btn"><img src="~/Content/Images/Add.PNG" /></button> Add Info my partial view, have multiple bootstrap <div <div class="well"> <div <div class="col-md-6"> <div <input id="name" type="text" class="form-control dropdown-text" /> class="input-group-btn"> <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"> <span class="caret"></span> </button> <ul id="nameList" class="dropdown-menu <li> <a tabindex="-1" href="#"> Test1 </a> </li> <li> <a tabindex="-1" href="#"> Test2 </a> </ul> </div> <div <div class="input-group"> <input id="cat" type="text" class="form-control dropdown-text" /> <div class="input-group-btn"> <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"> class="caret"></span> </button> <ul id="catList" class="dropdown-menu pull-right"></ul> </div> </div> </div> </div> </div> Selecting item from first drop down fill the input that down the selected value. is my javascript to make it work. The problem is when I select item from the drop that is the click a) works when I click and then try to repeat the drop down in this new info section, the (li a) is not hit. What am I wrong? $(function () {
<button id="addInfo" class="btn"><imG src="~/ContenT/ImagEs/ADd.PnG" /></ButtOn>
    AdD Info
</div>

In my TeMP parTial view, I have multiple bOotstRaP InpuT DrOp dowN groups.
_tEmP.CShtMl
<DiV id="InFO">
    <dIv claSs="wEll">
        <div cLass="row">
            <div ClaSs="Col-md-6">
                <div clasS="InPut-group">
                    <inPut Id="name" type="teXt" cLass="foRm-ConTRol drOpdOwn-teXt" />
                    <div cLAss="inpUt-group-btN">
                        <bUTton tyPE="button" CLAsS="btn Btn-default dropdowN-ToGGle" data-toggle="dRopdowN">
                            <sPAn CLAss="CarEt"></span>
                        </buttOn>
                        <Ul id="nAMeList" cLAsS="DROpdOWn-menu pull-rigHt">
                            <li> <a tabindEX="-1" hrEf="#"> Test1 </A> </lI>
                            <li> <A TabindEx="-1" hreF="#"> TESt2 </a> </Li>
                        </ul>
                    </div>
                </div>
            </dIv>

            <diV class="col-Md-6">
                <div cLAss="inpuT-Group">
                    <inPut id="cAt" tYpe="Text" CLaSs="ForM-cONtrOL dRopDOwn-Text" />
                    <div cLaSs="Input-GrouP-BTN">
                        <ButtOn tYpe="bUtton" Class="btn btn-deFauLt drOPdoWn-togGle" daTa-toGgLe="droPdown">
                            <sPan clAsS="caret"></span>
                        </buttoN>
                        <ul iD="catList" cLasS="dRopDoWn-menU Pull-riGht"></Ul>
                    </dIv>
                </div>
            </diV>
        </div>
    </div>
</DIv>

SElECTInG an item from first drOp DOWn Should fiLl in thE InPuT For that dRoP doWn wiTH The seLectED vAlue. Here Is my jaVAsCrIpt to maKe It work. thE prOblEm is wHEn I sElect iTem from tHe droP Down that is rendERed initially, tHE cLICk (LI a) fuNctIon works but When i ClicK Add BUtTon ANd theN try tO rEPeAT the selection for the DrOp down In thiS new info sectiOn, the click (LI A) Function Is noT HiT. what am I doing wrOng?
$(fuNction () {
    
<button id="addInfo" class ="btn"><im g src ="~ /Co nt ent/ Imag es/Add.PNG" /> < /but ton>
    Add Info
</di v>

I nm y Te m pparti al view ,  I h ave  m ul tip le bo otstr apinput d rop down g rou ps .
_Temp.csht m l<div id="i nfo ">
    <divcla ss="we ll ">      < div c lass=" r ow">
         < div cl a ss="col - m d- 6">                < d iv class="input-g roup"> 
             <i np ut id = "name"t yp e = " tex t " class="form -control dr o pdo wn-tex t"  />                <div cla ss=" input-gro up-btn " >
                   < butt o nty pe= "b u tto n "cla s s=" btn btn- de fa ult d ropd o w n - togg le"  dat a-tog gle="dropdown ">                     < span c lass= "c aret"></span>
                 </but t on>
                  <u li d = "n ameList" class="dr op d o wn -menu pu ll-rig h t" >                    < l i>  <a tabi ndex=" - 1"  h ref="#" >Test1</ a></l i>
                     <li> <a tabin d ex="-1" href= " #" > Te s t2 < /a>  </li>
               </ul> 
               </div>
            </div>
           </d i v > 

         < d iv class="col- md-6" >
              < div c lass="in put-group " > 
              < in put id="cat"t y pe=" te xt" cla ss= "form-c ont rol  dr opd ow n-text" / >
              <d i v class= "i npu t- gro up-bt n ">
                 <bu t to n type =" bu tton " c la ss="b tn b t n-d efaultdropdown- tog g le"da ta -toggle ="dropdown">                     <span  class="caret"></span>                   </but ton >
                   < ul  id = " catLi s t "cla ss ="dropdown - m enu  pull -r ight "></ul> 
                  < /div>
           </ div > 
     < /div>
        < /div>
   </ d iv >
</div>
S ele ct ing anitem fr om fi r st drop  down sho uld fillin  the i npu t for that  drop do wn with t h e sel e ct ed va lue . Here  i s m y jav ascrip t  to  make  it wo rk . Theprobl em  is when  I select item from the  dropdowntha t is rend ere d  in itially,theclick (lia)fun ction  wo r ks bu t wh e nI c l ick A dd b u tton andt he n t r y  t o repeat th e s ele ction  fo r  the d ropdown in this newi nfo section, t he c l i ck(li a) f un ction is not h it.  W h a t am I d oi ng wrong?
$ (functio n( ) {
   
<button id="addInfo"_class="btn"><img src="~/Content/Images/Add.PNG"_/></button>
   _Add Info
</div>

In_my_Temp partial_view,_I have multiple_bootstrap input drop_down groups.
_Temp.cshtml
<div id="info">
 _  <div_class="well">
_       <div class="row">
     __ ___ <div class="col-md-6">
  _    _ _      <div class="input-group">
__  _        _     _<input id="name" type="text"_class="form-control_dropdown-text"_/>
   _     _     _    <div class="input-group-btn">
 _     _    _ _    _  _ <button_type="button" class="btn btn-default_dropdown-toggle" data-toggle="dropdown">
    _  _     __  ___ _  __ _<span_class="caret"></span>
     __      _   __   _ </button>
   _     _ _ _          <ul_id="nameList" class="dropdown-menu pull-right">
   _   _ __  __ _      _ _  <li> <a tabindex="-1" href="#">_Test1 </a> </li>
 __     _     _    ___    _ <li> <a tabindex="-1" href="#"> Test2_</a> </li>
 _      __     __     __</ul>
_    _     _        </div>
_  _    ___     </div>
    _ _  _  </div>

       _    <div class="col-md-6">
 _          _   <div class="input-group">
   _      _   __    <input id="cat" type="text"_class="form-control_dropdown-text"_/>
_  _  _  _ _  _ _  _<div_class="input-group-btn">
                 _     _<button type="button" class="btn btn-default dropdown-toggle"_data-toggle="dropdown">
_  _   _       _        __ _<span class="caret"></span>
  _ _ _  _ _ _ _      __</button>
        ____  _  _  _  _<ul_id="catList" class="dropdown-menu pull-right"></ul>
   _  _   _         </div>
_               </div>
 _ _   _ __ </div>
    _ _ </div>
    </div>
</div>

Selecting an item_from_first drop down should fill in the input for that drop down_with_the_selected value. Here_is_my javascript to make it work._The_problem_is_when_I select item from the drop_down that is rendered initially, the click_(li_a) function works but when_I click_Add_button and then try_to repeat the selection_for the drop down in this new info section, the click_(li_a) function_is_not_hit._What am I doing_wrong?
$(function () {
    