Any ideas to disordering a table?

Any ideas to disordering a table?

Hi, I'm new at the forum and new in jQuery.

I have to alter randomly the order of the td elements of a table. Do you have any idea to do it "quickly"?

My initial idea is:

- Clone the original table (I can't modify it).
- Disorder randomly the elements of the cloned table.
- Show the cloned table.

The actual code is:

  2. <html> 
  3. <head>
  4. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
  6. <script type="text/javascript">
  7. $(document).ready(function(){
  9. });
  10. </script>
  11. </head>  
  13. <body> 
  14.  
  15. <script>
  16. $(document).ready(function(){
  17. <!-- We make the copy of the table
  18. $('#data-source tr')
  19. .clone()
  20. .appendTo("#new_table")
  21. ;
  22. <!-- We show the copied table down the original (for testing purposes)
  23. $('#new_table').css('display', 'block');
  24. $('#data-source').css('display', 'block');
  25. });
  26. </script>

  28. <!-- ini data-source -->
  29. <div id="data-source-container">
  30. <table id="new_table"></table>
  31. <table id="data-source">
  32. <tr>
  33. <td>First element.</td>
  34. <td>Second element.</td>
  35. <td>Third element.</td>
  36. <td>Fourth element.</td>
  37. <td>Fifth element.</td>
  38. </tr>
  39. </table>
  40. </div>
  41. <!-- end data-source -->
  42. </body> 
  43. </html>
 
Can someone help me a bit disordering the elements?

Thank you very much, and sorry for my english.