title: How to change order of rows in table based on list of rows id?
body: <p>I have table with id <code>test_table</code></p>
  
  <pre><code>&lt;table id="test_table"&gt; &lt;/table&gt;
  </code></pre>
  
  <p>and or has different id.</p>
  
  <p>I have ordered list of rows' id like </p>
  
  <pre><code>["name","value","description"]
  </code></pre>
  
  <p>what is different from rendered table on screen ( user can on fly set new order, that is how I fill list of rows' id).</p>
  
  <p>How to set new order in that table based on ordered list ?
  (Explanation:
  I have two lists one aside other, user can drag and drop rows in first table and I need to have same order in second, ids in second table have same id like in first +prefix "preview".
  This is how I drag/drop in first table. )</p>
  
  <pre><code>$("#cleanVert").tableDnD({
      onDragClass: "myDragClass",
      onDrop: function(table, row) {
          var rows = table.tBodies[0].rows;
          var debugStr = "New Order: ";
          var outStr = "";
          for (var i=0; i&lt;rows.length; i++) {
              debugStr += rows[i].id+" ";
              outStr += rows[i].id;
              if(i&lt;(rows.length-1)){
                  outStr+=","
              }
          }
          $("#debugArea").html(debugStr);
      },
      onDragStart: function(table, row) {
          $("#debugArea").html("Started dragging row "+row.id);
      }
  });
  </code></pre>