title: jQuery Wait for select to populate from database
body: <p>I have ddl(drop down list) which populates from database after change event of another ddl but I want to change the value of this ddl after it populated from database.</p>
  
  <p>Example:</p>
  
  <pre><code>// This work very well
  $("#ddlGroups").on('change',function(){
      // Load data from database and populate ddlUsers
      // response is loaded from database with $.ajax
      // Query Example: SELECT User_ID, Username FROM tblUsers WHERE Group_ID = [Group_ID] (Just for undrestanding the question)
  
      var Records = response.d;
      $("#ddlUsers").empty();
      $.each(Records, function(){
      var _Key = this.User_ID;
          _Value = this.Username;
          $("#ddlUsers").append($("&lt;option /&gt;").val(_Key).text(_Value));
      });
  });
  
  // When button clicked then trigger ddlGroups change event and assign select option from ddlUsers
  var _UserID = User_ID_From_Database; // Loaded from Database when button clicked
  $("#ddlGroups").trigger('change'); // Users are loaded from database based on group ID
  $("#ddlUsers").val(_UserID); // But this dosn't change
  </code></pre>
  
  <p>How do I check if ddlUsers is loaded or not, I tried while loop but it never stops.</p>