Переместить немаркированную таблицу с помощью jquery/javascript

Question

Я пытаюсь найти метод jQuery/JavaScript перемещения таблицы. Платформа, которую использует мой сайт, полностью заблокирована, поэтому я не могу добавлять, изменять или удалять любые классы из элементов страницы.

Трудная часть того, что мне нужно выполнить, это: Элемент таблицы, который мне нужно переместить, не имеет идентификатора или класса.

Я создал jsfiddle со структурой html, чтобы вы могли ее увидеть из первых рук. У кого-нибудь есть предложения? http://jsfiddle.net/1hppk5kh/1/

<div id="content"> 
    <div id="content_area"> 
     <table><tr><td>I need to target and move this entire table</td></tr></table> 
     <table> 
      <tr> 
       <td> 
        <table></table> 
        <table></table> 
        <!--Where I want the table to end up--> 
        <form id="MainForm"></form> 
       </td> 
      </tr> 
     </table> 
    </div> 
</div> 

Answer 1

Некоторый простой JQuery должен сделать трюк:

$('#content_area table:eq(0)').insertBefore('#MainForm'); 

распаковано: $('#content_area table:eq(0)') поиска внутри #content_area для первого (:eq(0)) table элемента. Затем этот элемент перемещается до элемента #MainForm.