title: find() on object array is only finding the first value, not specific object?
body: <p>I have an array of 4 objects that populate a dropdown menu. Everytime I change the menu, it is supposed to take the value of the dropdown menu and map the location using its lat and long. </p>
  
  <p>I am using the find method to search through the array, but it is only returning the values from the first object in the array, no matter what is selected. Any help?</p>
  
  <pre><code>var MagicKingdom = {description: "Magic Kingdom Park", latitude: 28.417713, 
       longitude: -81.581206}
  var Epcot = {description: "Epcot", latitude: 28.374786, longitude: 
       -81.549396}
  var AnimalKingdom = {description: "Disney's Animal Kingdom Theme Park", 
       latitude: 28.359792, longitude: -81.591316}
  var HollywoodStudios = {description: "Disney's Hollywood Studios'", 
       latitude: 28.357568, longitude: -81.558275}
  
  var populate = document.getElementById("locationSelect");
  var locations = [MagicKingdom, Epcot, AnimalKingdom, HollywoodStudios];
  
  var locationSelection = function(){
      var selected = document.getElementById("locationSelect");
      console.log(selected.value);
      var svalue = function(){
          return selected.value;
      }
  
      console.log(svalue());
  
      var locationSelected = locations.find(svalue);
      console.log(locationSelected.description);
  }
  </code></pre>
  
  <p>Here are the return values: </p>
  
  <pre><code>p2.js:42 Magic Kingdom Park
  p2.js:47 Magic Kingdom Park
  p2.js:50 Magic Kingdom Park
  
  
  
  p2.js:42 Epcot
  p2.js:47 Epcot
  p2.js:50 Magic Kingdom Park
  </code></pre>
  
  <p>So the selectedValue and svalue are updating correctly, but not locationSelected.</p>