title: JS: input's .value returns an empty string (when not empty)
body: <p>I've been trying to get the value from a text input, but for some reason, it's not working. </p>
  
  <p>Essentially, I have a text input. The user types inside of the input, and I'd expect the <code>.value</code> property to change (which chrome says it does), but when I click to save it, and read my JSON output, it returns as a blank string.</p>
  
  <p>Here's the HTML for this bit:</p>
  
  <pre><code>&lt;input id="eventName" name="efrm" type="text" value="" /&gt;
  &lt;button type="button" id="okEvent"&gt;Save Event&lt;/button&gt;
  </code></pre>
  
  <p>Here's the JS that you'll need to see:</p>
  
  <pre><code>document.querySelector("#okEvent").addEventListener("mousedown", applyEvent(event), false);
  
  function applyEvent(event) {
      var eventName = document.querySelector("#eventName").value;
  
      event.data = {
          name: eventName,
          img: null,
          type: 1,
          fov: 0,
          orientation: 1,
          trigger: 1
      };
  }
  </code></pre>
  
  <p>The JSON output says that the name property of the event.data object is an empty string, though. I'm really not understanding what's going on here.</p>