title: select not getting updated on ajax call
body: <p>I have an ajax call to dynamically create select elements. the amount of selects is dependent on another select. This works fine. for my test 3 select menus should be created dynamically which works fine. the dynamically created selects will make ajax calls on their own to create some options dynamically, this is where I have the issue. Everything seems to be working except the options for a second select is not getting populated. Please see code below. </p>
  
  <p>Thank you</p>
  
  <pre><code>$('#union').on('change',function(){
      var union_id = $(this).val();
      if(union_id){
          $.ajax({
              type:'POST',
              url:'fetch_referee.php',
              data:'union_id='+union_id,
              dataType: 'json',
              success:function(data){
                  $('#dynamic_selects').html(data.html);
  
                  var total = data.total;
                  for(i=1; i&lt;=total; i++){
                      $('#allreferee'+i).on('change', function(){
                          var all_games = $(this).val();
                          //alert(all_games);// this is good output is valid 
                          if(all_games){
                              $.ajax({
                                  type:'POST',
                                  url:'fetch_places.php',
                                  data:'all_games='+all_games,
                                  dataType: 'json',
                                  success:function(html){
                                      alert(html);/// this is good.. returns option values 
                                      $('#refposition'.i).html(html);//the select menu does not get updataded 
  
                                  }
                              }); 
                          }else{
                              $('#refposition'+i).html('&lt;option value=""&gt;&lt;/option&gt;');
  
                          }
                      });
                  }
  
  
              }
          }); 
      }else{
  
      }
  });
  </code></pre>