title: knockout : table in each option in drop-down
body: <p>I want have table with two columns in each <code>&lt;option&gt;</code> in me <code>&lt;select&gt;</code>.<br>
  I tried this <a href="http://jsfiddle.net/engXh/" rel="nofollow noreferrer">JSFIDDLE-source</a>. But bindings in <code>&lt;span&gt;</code> isn't working  </p>
  
  <pre><code>&lt;span data-bind="text : countryName"&gt;&lt;/span&gt;
  &lt;span data-bind="text : selectedCountry"&gt;&lt;/span&gt;  
  </code></pre>
  
  <p>Any ideas? Or another solution?  </p>
  
  <p><strong>EDIT</strong><br>
  <img src="https://i.stack.imgur.com/Fl1KK.jpg" alt="enter image description here"></p>