title: jQuery works in Chrome and firefox, but not IE
body: <p>First off, apologies for the poor title, but I honestly don't know enough about jQuery to be specific about what isn't working and other similarly-titled questions don't provide a working solution.</p>
  
  <p>I have the following code which allows the user to select multiple options without holding down ctrl, and as the title suggests, it works fine except in IE (I'm currently using IE 11).</p>
  
  <pre><code>function MultiSelect()
  {
      $('.select-toggle').each(function(){    
          var select = $(this), values = {};    
          $('option',select).each(function(i, option){
              values[option.value] = option.selected;        
          }).click(function(event){        
              values[this.value] = !values[this.value];
              $('option',select).each(function(i, option){            
                  option.selected = values[option.value];        
              });    
          });
      });
  }
  </code></pre>
  
  <p>It is being called from an html options box </p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  
  $(document).ready(function() {
      MultiSelect();
  });
  
  &lt;script&gt;
  
  &lt;/head&gt;
  &lt;body&gt;
  
  ...
  &lt;tr&gt;
      &lt;td colspan="2"&gt;
          &lt;label for="defendants"&gt;Defendant(s):&lt;/label&gt;
          &lt;select class="select-toggle" name="people" id="people" multiple="multiple" &gt;
              &lt;option value="John Smith"&gt;John Smith&lt;/option&gt;
              &lt;option value="Julie Smith"&gt;Julie Smith&lt;/option&gt;     
          &lt;/select&gt;
      &lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p>Thanks</p>