title: Drop down list embedded in koGrid not working
body: <p>I am trying to get a drop down list to populate on each row of a koGrid.  Here is the jsFiddle to illistrate (notice how there is no text in the drop down boxes)-
      <a href="http://jsfiddle.net/wood0615/sorg9na0/2/" rel="nofollow">http://jsfiddle.net/wood0615/sorg9na0/2/</a></p>
  
  <p>Here is my html-</p>
  
  <pre><code>     &lt;table border="0" style="width: 100%;"&gt;
      &lt;tr&gt;           
         &lt;td colspan="6"&gt;
              &lt;div class="gridStyle" data-bind="koGrid: gridOptions"&gt;&amp;nbsp;&lt;/div&gt;
         &lt;/td&gt;
  
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>My viewmodel-</p>
  
  <pre><code> function mainVm(){
  this.WQOptions = ko.observableArray( [
                  { decision: 'Approve', decisionValue: '10' },
                  { decision: 'Pend', decisionValue: '5' }
      ]);
  
  this.myData = ko.observableArray([
                  { name: 'Jack Frost', age: '30' },
                  { name: 'John Doe', age: '50' }]);
  
  this.gridOptions = { 
      data: this.myData,
      autogenerateColumns: false,
      columnDefs: [
          {
              field: "name", 
              displayName: "Name"
          },
          {
              displayName: "Decision",
              cellTemplate: "&lt;select id='Select6' data-bind=\" options: $parent.entity.WQOptions, optionsValue: $data.decisionValue, optionsText: $data.decision \"&gt;&lt;/select&gt;"
          }
  
      ]
  };
   };
  
   ko.applyBindings(new mainVm());
  </code></pre>
  
  <p>any idea on why the drop down boxes are empty without data?</p>