title: Checkbox not refreshing in jquery
body: <p>I am facing an issue as below.</p>
  
  <p>I have two drop-down, first one is single drop down select, second one is multi select drop-down checkbox. Second one shows the result based on the first drop-down value.</p>
  
  <p>While select the first drop-down, I get the values for second drop-down to show(Values Show in Inspect element) but not in drop down.  </p>
  
  <p>Please find the below code for further reference.</p>
  
  <p><strong>abc.html</strong></p>
  
  <pre><code>&lt;select  name="list_usergroup[]" multiple id="list_usergroup" &gt;
  &lt;option value=""&gt; Select User Group &lt;/option&gt;                   
  &lt;/select&gt;
  </code></pre>
  
  <p><strong>mg.js</strong></p>
  
  <pre><code>org_uuid = $('#list_organization').val();
          $.ajax({
          url: appGetSecureURL("/api/web/getorgug/" + org_uuid),
          type: "GET",
          dataType: "json",
          jsonpCallback: 'jsonCallback',
          beforeSend : function(){
              loaderOn();
          },
          success: function(data) {
  
              // Display Usergroups
              if (0 == data.ug_total) {
                  $("#list_usergroup").html('&lt;option value=""&gt;No Usergroup.&lt;/option&gt;');
              }
              else {
                  $("#list_usergroup").html("");
                  $("#list_usergroup").html('&lt;option value=""&gt;Select Usergroup&lt;/option&gt;');
                  for (rowData in data.usergroups) 
                  {
                      var optionData = '&lt;option data = "'+ data.usergroups[rowData] +'" value="'+ rowData+'"&gt;' + data.usergroups[rowData]+'&lt;/option&gt;';
                      $('#list_usergroup').val("");
                      $('#list_usergroup').multiselect('refresh');
                      $('#list_usergroup').multiselect('reset');
                      $("#list_usergroup").append(optionData);
                  }
  
                  //$('#list_usergroup').multiselect('reset');
                  $("#list_usergroup").multiselect({
                              columns: 1,
                              placeholder: 'Select Usergroups',
                              search: true,
                              selectAll: true,
                              onLoad: function() {
  
                              }
                      });
                  $("#list_usergroup").val(Value);
              }
              loaderOff();            
          },
          error: function(data, b, c) {
              appLog.debug("Display Usergroup error Status  " + data.status + ": " + data.statusText)
          }
      })
  </code></pre>
  
  <p>I am using <a href="https://github.com/nobleclem/jQuery-MultiSelect" rel="nofollow noreferrer">https://github.com/nobleclem/jQuery-MultiSelect</a> plugin  </p>
  
  <p>Thanks in advance.</p>