Имею вот такой блок:

<div id="wrap">
  <table>.........</table>
  <table>.........</table>
  <table>.........</table>
  <table>.........</table>
</div>

Мне нужно получить:

<div id="wrap">
  <table>.........</table>
  <table>.........</table>
  <table>.........</table>
  <table>.........</table>
  <textarea></textarea>
</div>

Делаю так:

$('#wrap').append("<textarea></textarea>");

И форма вставляется там где нужно, но при этом еще и до дива, то есть получается так:

<textarea></textarea>
<div id="wrap">
  <table>.........</table>
  <table>.........</table>
  <table>.........</table>
  <table>.........</table>
  <textarea></textarea>
</div>

В хроме смотрю "Просмотр кода элемента", там показывает, что перед дивом формы нет, хотя в браузере она отображается. Что я не так сделал?

Во-первых, где тут форма? В упор не вижу.
Во-вторых, указанный код не должен создавать никаких дублей.

_____________

Профессиональная разработка на заказ

Я на GitHub | второй профиль

Invis1ble под формой я подразумил textarea

Извините, нашел косяк! Оказывается у меня два раза блок #wrap выводился