jQuery получаю html, преобразую его в объект, как преобразовать обратно?

Посмотрите, почему теряется форматирование. Видимо, отдельные селекторы не переносятся в новый документ. Это можно исправить той же библиотекой присвоением нужных селекторов.

Тут и без рюмки ясно что получается говнокод.

Во-первых: кто Вас учил переопределять переменные разными значениями, зачем Вам делать присваивание jQuery элемента туда, где был текст и почему не хранить его (текст) в отдельной переменной и с ней работать?

Во-вторых: вы засунули изначально контент HTML в jQuery обёртку, назначение которой расширить элемент дополнительными свойствами, какой смысл затем их обрезать, когда можно изначально работать с поступившим HTML текстом, а не обёрткой вокруг него.

В-третьих: назначение у jQuery - работа с DOM документа, а не парсинг HTML разметки, т. е. когда Вам нужно парсить данные или засунуть их. Т. е. при получении HTML строки с сервера, есть смысл просто аппендить её на нужный элемент, а не сразу пихать его в jQuery, т. е. порядок таков, получили текст, прикрепили к элементу и уже с ним работать, по его ID.

В-четвертых: переменные присваивать внутри console.log можно, но НЕ нужно. console существует не на всех платформах и Ваш код работать не должен, Вы пишите костыль в механизме, который на это не рассчитан.

В-пятых: скрипты работы с DOM нужно помещать перед закрывающим тегом body, а не в хедере, на момент исполнения скрипта Ваш DOM еще не готов

В-шестых, прикрепите контент HTML не к jQuery обёртке, а прямо в DOM $("#test").html(html); оттуда его можно будет считать, jQuery не знает о содержимом вашего элемента, так как см. п2, jQuery сделан не для парсинга строк, а для работы с DOM. Мало того что задач, ради которых была создана эта библиотека почти не осталось, так Вы еще и делаете ею то, что она делать НЕ должна.