title: "Object doesn't support property or method 'find'" in IE
body: <pre><code>&lt;!DOCTYPE html&gt;
  
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head runat="server"&gt;
      &lt;title&gt;&lt;/title&gt;
  
          &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"&gt;&lt;/script&gt;
  
      &lt;script&gt;
  
          $(document).ready(function () {
  
  
              var data = [{
                  "Id": "SWE",
                  "Country": "Sweden",
                  "Population": 9592552
              }, {
                  "Id": "NOR",
                  "Country": "Norway",
                  "Population": 5084190
              }];
  
  
              function display(e) {
                  alert("E" + e);
                  var countryData = data.find(function (element, index, array) {
                      return element.Id === e;
                  });
                  alert(countryData.Population);
              }
              display('SWE');
  
  
          });
  
  
      &lt;/script&gt;
  &lt;/head&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>The code posted above is working properly on Firefox and Chrome but I get an error in Internet Explorer. Error message:</p>
  
  <blockquote>
    <p>Object doesn't support property or method 'find'</p>
  </blockquote>