title: Chosen/Select2 jQuery Plugins Aren't Working With IE10
body: <p>The following code which targest ASP.NET MVC 4 works correctly on Firefox and Chrome (the page loads without error and the dropdown displays/responds correctly), however IE10 throws the following when the page loads:</p>
  
  <p><strong>> 0x800a01b6 - JavaScript runtime error: Object doesn't support property or method 'chosen'</strong></p>
  
  <p>This is the SELECT html markup:</p>
  
  <pre><code>&lt;select class="chzn-select" data-placeholder="Group" name="Group"&gt;
      @foreach(var group in @Model.Groups)
      {
        &lt;option value="@group"&gt;@group&lt;/option&gt;
      }
  &lt;/select&gt;
  </code></pre>
  
  <p>And the JavaScript below it:</p>
  
  <pre><code> &lt;script type="text/javascript"&gt;
      $(function () {
          $(".chzn-select").chosen();
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>I have added the chosen.css and chosen.*.js files to the appropriate Style and Script bundles, which I then included in my master page.  </p>
  
  <p>(screen of dev tools on page request)
  <img src="https://i.stack.imgur.com/YFqPN.png" alt="enter image description here"></p>
  
  <p>Also, I tried with select2 and it experienced the same error in IE, the other browsers worked fine. (I updated the bundles to include references to the .css and .js) The code I changed was:</p>
  
  <pre><code>&lt;select class="GroupDropdown" name="Group"&gt;
        @foreach(var group in @Model.Groups)
        {
           &lt;option value="@group"&gt;@group&lt;/option&gt;
        }
   &lt;/select&gt;
   &lt;script type="text/javascript"&gt;
        $(function () {
             $(".GroupDropdown").select2();
        });
   &lt;/script&gt;
  </code></pre>
  
  <p>The following works on all browsers (with the files in root and named correctly)</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;title&gt;Dropdown Test&lt;/title&gt;
      &lt;script src="jquery.js" type="text/javascript"&gt;&lt;/script&gt;
      &lt;script src="select2.js" type="text/javascript"&gt;&lt;/script&gt;
      &lt;link href="select2.css" rel="stylesheet" /&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;select&gt;
          &lt;option value="A"&gt;A&lt;/option&gt;
          &lt;option value="B"&gt;B&lt;/option&gt;
          &lt;option value="C"&gt;C&lt;/option&gt;
      &lt;/select&gt;
  &lt;/body&gt;
  &lt;script type="text/javascript"&gt;
      $(function(){
          $("select").select2();
      });
  &lt;/script&gt;
  &lt;/html&gt;
  </code></pre>