title: is this valid js oop?
body: <p>I am wondering if it is okay to put html dom references in js oop.  Although there are many JS OOP tutorials online, I haven't seen anything similar to what I am referring to.  The code below is what I am referring to.</p>
  
  <pre><code>var form = {
    fname : document.getElementById("fname").value;
  };
  </code></pre>
  
  <p>say, for example the <code>document.getElementById("fname").value</code> is a textbox with a value of "jacob".  would <code>form.fname = "jacob"</code>?</p>
  
  <p>is this okay to do?  is this a common practice to do?</p>