Не удается предварительно заполнить текстовое поле с помощью jQuery на основе данных из таблицы

Question

Каким-то образом я не могу предварительно заполнить текстовое поле данными из таблицы на основе кода ниже:

HTML:

<td id="1_desc" class="edit_desc"><div class="gallery clearfix"><a href="{url}" rel="wp-prettyPhoto" title="VIDEO TITLE HERE">View Commercial</a></div></td>
<textarea id="edit_form_desc" rows="7" cols="50"></textarea>

jQuery:

var desc = jQuery("#1_desc").html();
jQuery("#edit_form_desc").val(desc);

Пример http://jsfiddle.net/RkmYJ/

Когда у меня есть «жестко закодированная» переменная «desc», все работает отлично.

Любая подсказка?

Спасибо

Answer 1

Похоже, что браузер выбрасывает без родителя <td>, который вы описали выше. Заверните его в таблицу, и все будет работать намного лучше:

<table>
  <tr>
    <td id="1_desc" class="edit_desc"><div class="gallery clearfix"><a href="{url}" rel="wp-prettyPhoto" title="VIDEO TITLE HERE">View Commercial</a></div></td>
  </tr>
</table>

<textarea id="edit_form_desc" rows="7" cols="50"></textarea>​

Обновленная скрипка здесь

Answer 2

Если вы сделаете это фактическим <table></table>, а не просто <td>, элементом, который не имеет значения вне <table></table>, тогда он будет работать: jsfiddle update

 <table><tr><td id="1_desc" class="edit_desc"><div class="gallery clearfix"><a href="{url}" rel="wp-prettyPhoto" title="VIDEO TITLE HERE">View Commercial</a></div></td></tr></table>

<textarea id="edit_form_desc" rows="7" cols="50"></textarea>