Как мне преобразовать этот HTML в таблицу с помощью jQuery

У меня есть произвольный текст, который я хотел бы преобразовать в таблицу с некоторыми значениями. Не знаю, возможно ли это. HTML выглядит следующим образом:

<div class="custom_meta">
    <strong>Length: </strong>
    11.22.33.44.55.66
    <br>

    <strong>Width: </strong>
    11.22.33.44.55.66
    <br>
</div>

И я хотел бы изменить вывод на:

<div class="custom_meta">
    <table>
        <tbody>
            <tr>
                <td>
                    <strong>Length: </strong>
                </td>
                <td>11</td>
                <td>22</td>
                <td>33</td>
                <td>44</td>
                <td>55</td>
                <td>66</td>
            </tr>

            <tr>
                <td>
                    <strong>Width: </strong>
                </td>
                <td>11</td>
                <td>22</td>
                <td>33</td>
                <td>44</td>
                <td>55</td>
                <td>66</td>
            </tr>
        </tbody>
    </table>
</div>

Долгая история, но я не смог найти никакого плагина для простого преобразования настраиваемых полей в таблицы в электронной коммерции wp. Первый фрагмент кода, который я пробовал, провалился. Я хотел начать с вставки начальных битов таблицы HTML с помощью функции .before () , но в итоге тег закрывался, прежде чем я мог закрыть его сам в конце закрывающего div. То есть

$(".custom_meta strong:first").before("<table><tbody><tr><td>");

закончился тем, что открывал и закрывал тег перед первым сильным тегом.