title: Generate Select List Item Issue
body: <p>Generate Dynamic Select List Item Menu using JQuery</p>
  
  <p>Here is the Div :</p>
  
  <pre><code>&lt;select name="CountryID" id="CountryID"&gt;
  &lt;option value="" id=""&gt;Select the Country&lt;/option&gt;
  ......
  &lt;/option&gt;
  &lt;/select&gt;
  &lt;div id='result' name="result"&gt;
  &lt;select  id="name"&gt;
  &lt;option value="" disabled&gt;Please select above&lt;/option&gt;
  &lt;/select&gt;
  &lt;/div&gt;
  &lt;div id='resulta' name="resulta"&gt;
  &lt;select  id="name"&gt;
  &lt;option value="" disabled&gt;Please select above&lt;/option&gt;
  &lt;/select&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Here is my Script :</p>
  
  <pre><code>&lt;script&gt;
  var ab=$.noConflict();
  ab(document).ready(function(){
  ab("#CountryID").change(function(){
      var CountryID=ab("#CountryID").val();
      ab.post("globalregiongenerator",
      {
        CountryID:CountryID
      },
      function(data,status){
         ab( "#result" ).html( data );
      });
    });
  });
  &lt;/script&gt;
  
  
  &lt;script&gt;
  var ac=$.noConflict();
  ac(document).ready(function(){
    ac("#RegionName").change(function(){
    //alert('action triggered');
      var RegionName=ab("#RegionName").val();
      ac.post("globalcitygenerator",
      {
        RegionName:RegionName
      },
      function(data,status){
         ac( "#resulta" ).html( data );
      });
    });
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>Here i generate my Select Menu List </p>
  
  <pre><code>public function globalregiongenerator()
      {
      $CountryID = Input::get('CountryID');
      $roles = DB::table('region')-&gt;where('CountryID', $CountryID)-&gt;lists('regionname','regionid');   
      echo "&lt;select  id='RegionName' name='RegionName'&gt;"; 
      foreach ($roles as $value) 
      {
      echo "&lt;option value=".$value."&gt;".$value."&lt;/option&gt;";
      }
      }
  
  public function globalcitygenerator()
      {
      $RegionName = Input::get('RegionName');
      $roles = DB::table('city')-&gt;where('RegionName', $RegionName)-&gt;lists('regionname','regionid');   
      echo "&lt;select  id='CityName' name='CityName'&gt;"; 
      foreach ($roles as $value) 
      {
      echo "&lt;option value=".$value."&gt;".$value."&lt;/option&gt;";
      }
      }
  </code></pre>
  
  <p>I can able to generate the First Select Menu List Item, But the action       <code>ac("#RegionName").change(function(){</code> is not triggering, even i tried putting alert inside it. </p>
  
  <p>Is the Second List Menu Item <code>&lt;select  id='RegionName' name='RegionName'&gt;</code> not creating in the page or what. </p>
  
  <p>How can i do this ?</p>
  
  <p>Note :</p>
  
  <p>I even tried  <code>ab('#RegionName').selectmenu('refresh', true);</code> under the <code>ab( "#result" ).html(data);</code> <a href="https://stackoverflow.com/a/17551301/3492495">from this answer</a> but it didn't worked</p>
  
  <h2>Update :</h2>
  
  <p>If we append <code>$( "#result" ).append ( data );</code> another menu will appear, that isn't i need. 
  I need to the first three menu already there.</p>