Téma: textarea tartalmat jquery-vel olvasni

Hali,

van egy div-ben egy textarea-m. jquery-vel ki tudom ugye kerni a tartalmat. Ha ugyanezt a divet lightbox-al jelenitem meg, nem kapom vissza az aktualis tartalmat a textarea-nak, csak az eredetileg rendereltet, es nem ertem miert.

a html:

Kód:

<div id='akarmi'>
<textarea name='xxarea' id='xxarea'> eredeti szoveg </textarea>
<input type='button' value='ok' id='btn'>
</div>

jquery :

Kód:

$('#btn').on('click',function()
{
	alert($('#xxarea').val());
}

ez az egesz tokeletesen mukodik. Azutan az "akarmi" div-et megjelenitem lightbox-al, es onnan kezdve a script mar csak az eredetileg renderelt tartalmat "eredeti szoveg" adja vissza, hiaba irkalok akarmit a textarea-ba.

viszont ha kozvetlen "this"-el kerem le a tartalmat, akkor mukodik lightboxban is.

Kód:

$('#xxarea').on('click',function()
{
	alert($(this).val());
}

ertelemszeruen nekem a gomb klikkelesre kell a tartalmat visszakapnom. van erre valami megoldas?

Lehet felreertem amit irsz, de nem az a helyzet, hogy a lightboxban levo textarea mellett az eredeti is megmarad a markupban ezert 2 elem van ugyanazzal az ID-val amibol a jQuery az elsot talalja meg?