title: Cannot change dropdown selection in html that is using chosen plugin
body: <p>Here is a snippet of my webapp's html.
  I am trying to change the selected value of the .commmethod based upon the selection of .commtype, but all the usual techniques do not work for me. </p>
  
  <p>Below the html snippet is my jquery.</p>
  
  <pre><code>&lt;div class="form-group"&gt;
      &lt;div class="col-sm-4"&gt;
      &lt;select style="display: none;" class="combobox form-control chzn-done" id="commtype" name="CommunicationTypeId"&gt;
           &lt;option value="-1"&gt;Select one...&lt;/option&gt;
           &lt;option value="401"&gt;Phone&lt;/option&gt;
           &lt;option value="403"&gt;Fax&lt;/option&gt;
           &lt;option value="404"&gt;Email&lt;/option&gt;
           &lt;option value="402"&gt;Postal&lt;/option&gt;
      &lt;/select&gt;
      &lt;div style="width: 513px;" class="chzn-container chzn-container-single" id="commtype_chzn"&gt;
          &lt;a href="javascript:void(0)" class="chzn-single" tabindex="-1"&gt;
            &lt;span&gt;Select one...&lt;/span&gt;
          &lt;/a&gt;
          &lt;div class="chzn-drop" style="left: -9000px; width: 511px; top: 43px;"&gt;
           &lt;ul class="chzn-results"&gt;
                &lt;li id="commtype_chzn_o_0" class="active-result result-selected" style=""&gt;Select one...&lt;/li&gt;
                &lt;li id="commtype_chzn_o_1" class="active-result" style=""&gt;Phone&lt;/li&gt;
                &lt;li id="commtype_chzn_o_2" class="active-result" style=""&gt;Fax&lt;/li&gt;
                &lt;li id="commtype_chzn_o_3" class="active-result" style=""&gt;Email&lt;/li&gt;
                &lt;li id="commtype_chzn_o_4" class="active-result" style=""&gt;Postal&lt;/li&gt;
           &lt;/ul&gt;
          &lt;/div&gt;
       &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="form-group"&gt;
      &lt;div class="col-sm-4"&gt;
      &lt;select style="display: none;" class="combobox form-control chzn-done" id="commmethod" name="CommunicationMethodId"&gt;
          &lt;option value="-1"&gt;Select one...&lt;/option&gt;
          &lt;option value="2"&gt;Slow&lt;/option&gt;
          &lt;option value="5"&gt;Fast&lt;/option&gt;
          &lt;option value="4"&gt;Fasted&lt;/option&gt;
          &lt;option value="1"&gt;Slowest&lt;/option&gt;
          &lt;option value="3"&gt;Slower&lt;/option&gt;
      &lt;/select&gt;
      &lt;div style="width: 513px;" class="chzn-container chzn-container-single" id="commmethod_chzn"&gt;
        &lt;a href="javascript:void(0)" class="chzn-single" tabindex="-1"&gt;
          &lt;span&gt;Select one...&lt;/span&gt;
        &lt;/a&gt;
        &lt;div class="chzn-drop" style="left: -9000px; width: 511px; top: 43px;"&gt;
         &lt;ul class="chzn-results"&gt;
             &lt;li id="commmethod_chzn_o_0" class="active-result result-selected" style=""&gt;Select one...&lt;/li&gt;
             &lt;li id="commmethod_chzn_o_1" class="active-result" style=""&gt;Slow&lt;/li&gt;
             &lt;li id="commmethod_chzn_o_2" class="active-result" style=""&gt;Fast&lt;/li&gt;
             &lt;li id="commmethod_chzn_o_3" class="active-result" style=""&gt;Fasted&lt;/li&gt;
             &lt;li id="commmethod_chzn_o_4" class="active-result" style=""&gt;Slowest&lt;/li&gt;
             &lt;li id="commmethod_chzn_o_5" class="active-result" style=""&gt;Slower&lt;/li&gt;
          &lt;/ul&gt;
       &lt;/div&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>Jquery code which does set the selected value of commmethod, however, it does not change the other values needed for the entries to be processes during validation on form submit. (see snippet after jquery)</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      $("#commtype").change(function () {
          //I do get the correct selected value here
          var theselected = $('#commtype &gt;option:selected').text();
  
          switch (theselected) {
              case "Phone":
                  $("#commmethod").val(2);
                  break; 
              case "Fax":
                  $("#commmethod").val(5);
                  break;
              case "Email":
                  $('#commmethod').val(4);
                  break;
              case "Postal":
                  $('#commmethod').val(1);
                  break;
              default:
                  $('#commmethod').val(1);
                  break;
          }
  
          $("#commmethod").trigger("liszt:updated");
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>So, if I output the #commmethod.val after the switch I get the value I want, but the following elements(marked with --->) in html above do not get updated as needed...</p>
  
  <pre><code>&lt;div style="width: 513px;" class="chzn-container chzn-container-single" id="commmethod_chzn"&gt;
      &lt;a href="javascript:void(0)" class="chzn-single" tabindex="-1"&gt;
  ---&gt;    &lt;span&gt;Select one...&lt;/span&gt;
      &lt;/a&gt;
      &lt;div class="chzn-drop" style="left: -9000px; width: 511px; top: 43px;"&gt;
         &lt;ul class="chzn-results"&gt;
             &lt;li id="commmethod_chzn_o_0" class="active-result result-selected" style=""&gt;Select one...&lt;/li&gt;
  ---&gt;       &lt;li id="commmethod_chzn_o_1" class="active-result" style=""&gt;Slow&lt;/li&gt;
             &lt;li id="commmethod_chzn_o_2" class="active-result" style=""&gt;Fast&lt;/li&gt;
             &lt;li id="commmethod_chzn_o_3" class="active-result" style=""&gt;Fasted&lt;/li&gt;
             &lt;li id="commmethod_chzn_o_4" class="active-result" style=""&gt;Slowest&lt;/li&gt;
             &lt;li id="commmethod_chzn_o_5" class="active-result" style=""&gt;Slower&lt;/li&gt;
          &lt;/ul&gt;
       &lt;/div&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>If I would make a selection on the commmethod using its dropdown, the  above gets updated to that value and the class of the commmethod list item selected gets appended with result-selected. </p>
  
  <p>*****Update*****
  Turns out the jquery chosen plugin is making the updates on an event. Researching stackoverflow to properly update dropdown, have not found a solution yet.</p>
  
  <p>I appreciate any and all help. Thank you.</p>