title: Bind select options to global variable/array?
body: <p>Suppose I have the following Javascript:</p>
  
  <pre><code>var Option = (function ()
  {
          function Option(value, text)
          {
              this.value = value;
              this.text = text;
          }
  
          return Option;
  })();
  
  var QuestionTypes = (function ()
  {
      QuestionTypes.chooseOne = new Option("ChooseOne", "Choose One");
      QuestionTypes.chooseMany = new Option("ChooseMany", "Choose Many");
      QuestionTypes.text = new Option("Text", "Text");
      QuestionTypes.all = function ()
      {
          return
          [
              QuestionTypes.chooseOne, 
              QuestionTypes.chooseMany, 
              QuestionTypes.text
          ];
      };
  
      return QuestionTypes;
  })();
  </code></pre>
  
  <p>And this HTML:</p>
  
  <pre><code>&lt;select data-bind="value: type, options: QuestionTypes.all, optionsValue: value, optionsText: text" /&gt;
  </code></pre>
  
  <p>So the <code>select</code> is bound to my "static" variable <code>QuestionTypes</code>. I expect the resulting <code>select</code> to look something like this:</p>
  
  <pre><code>&lt;select data-bind="value: type, options: QuestionTypes.all, optionsValue: value, optionsText: text"&gt;
      &lt;option value="ChooseOne"&gt;Choose One&lt;/option&gt;
      &lt;option value="ChooseMany"&gt;Choose Many&lt;/option&gt;
      &lt;option value="Text"&gt;Text&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>Basically, how do I bind to something that is global and NOT on the model itself?</p>