title: Cross-browser Getter and Setter
body: <p>This works in modern Chrome/Firefox/Opera but fails in IE8. Haven't tried it in IE9. How can I make this cross-browser compatible, including IE7+? <a href="http://jsfiddle.net/5j4Us/9/">(Fiddle here.)</a></p>
  
  <pre><code>var foo = { 
      get test(){ return 'Works'; } 
  };
  
  // foo.test should be 'Works'
  </code></pre>
  
  <p>I've seen some usage with <code>__defineGetter__</code> but that threw an 'unrecognized method' error in IE8.</p>