title: Html, change columns order in table
body: <p>I am using <code>knockout.js</code> lib to bind data.<br>
  Let's I have next example<br>
  <a href="http://jsfiddle.net/KKhZg/364/" rel="nofollow">JSFiddle Example</a>  </p>
  
  <p>I have table with data. Table have columns order -  </p>
  
  <p><code>Name</code> - <code>LastName</code> - <code>Middlename</code> - <code>Age</code><br>
  and i have 4 functions  </p>
  
  <pre><code>var namePosition = function()
  
  var lastnamePosition = function()
  
  var middlenamePosition = function()
  
  var agePosition = function()  
  </code></pre>
  
  <p>i want bind order of columns in table to values that are returned by this functions.<br>
  For example<br>
  <code>namePosition</code> returns <code>4</code><br>
  <code>lastnamePosition</code> returns <code>2</code><br>
  <code>middlenamePosition</code> returns <code>1</code><br>
  <code>agePosition</code> returns <code>3</code><br>
  then table shouls have next column order -<br>
  <code>Middlename</code> - <code>LastName</code> - <code>Age</code> - <code>Name</code>.<br>
  Have you any ideas, how can I do it? (using <code>knockout</code> or <code>jquery</code>)</p>