title: 0x800a138f - Internet Explorer: JavaScript runtime error: Unable to get property '0' of undefined or null reference
body: <p>I have written a javascript/jquery function to retrieve the selected dropdown value. The page is running well in chrome but when i run my application in IE it throw an error.</p>
  
  <pre><code>$("#Application_AppCountries").change(function () {
  
          var selectedOption = $(this)[0].selectedOptions[0]; //THrow an error on this line
          var text = selectedOption.text;
          var value = selectedOption.value;
  
      });
  </code></pre>
  
  <p>And HTML code is:</p>
  
  <pre><code>&lt;div&gt;
  @Html.LabelFor(m =&gt; m.Application.AppCountries, "Primary Country")&lt;span class="required"&gt;*&lt;/span&gt;
                                  @Html.DropDownListFor(m =&gt; m.Application.AppCountries, Model.Countries)
  &lt;/div&gt;
  </code></pre>
  
  <p>Any help or suggestion will be highly appreciated.</p>