title: Jquery Multiselect - Trigger event manually?
body: <p>I'm using the jquery multiselect control from: <a href="http://abeautifulsite.net/notebook/62" rel="nofollow noreferrer">http://abeautifulsite.net/notebook/62</a></p>
  
  <p>I need to manually check one of the options via javascript on a specific event.</p>
  
  <p>Whenever I try to change the checked attribute, or trigger a click, call the click function explicitely etc., I the checkbox gets checked but the CSS is never changed and the textbox is never refreshed with the currently selected element(s).</p>
  
  <p>Example:
  If I want to select the checkbox with the 'TRA' value with javascript code and make sure it behaves properly, how can I achieve this?</p>
  
  <pre><code>&lt;input class="multiSelect" type="text" style="cursor: default;" value="" readonly="readonly"/&gt;
  
  &lt;div class="multiSelectOptions" style="position: absolute; z-index: 99999; display: none;"&gt;
      &lt;label class="selectAll"&gt;
          &lt;input class="selectAll" type="checkbox"/&gt;
          (All)   
      &lt;/label&gt;
      &lt;label&gt;
          &lt;input type="checkbox" value="ADP" name="Attributes"/&gt;
          Adaptation
      &lt;/label&gt;
      &lt;label&gt;
          &lt;input type="checkbox" value="TRA" name="Attributes"/&gt;
          Translation
      &lt;/label&gt;
  &lt;/div&gt;  
  </code></pre>