jQuery .text gives empty to an element after .appenTo
<p>I am using <a href="http://www.bulgaria-web-developers.com/projects/javascript/selectbox/" rel="nofollow">http://www.bulgaria-web-developers.com/projects/javascript/selectbox/</a> to change a select box.</p>

<p>Here is a example: <a href="http://jsfiddle.net/ukkpower/bczrc/1/" rel="nofollow">http://jsfiddle.net/ukkpower/bczrc/1/</a></p>

<p>I have a button when clicked gets the text inside an 'a' tag below it. I have two types of these 'a'. One that is part of the code on page load and the other that get dynamicly created with the select box plugin.</p>

<p>I can get the text from the 'a' tags that are part of the page but the dynamic ones I get empty string. I can see the text on the screen and the text is there as it should be when I inpect with firebug.</p>

<p>Why would <code>$(this).next(".menuItem").text()</code> not work with the dynamic one? I should see: 14' - €14.14</p>

<pre><code> //button to get text
&lt;a href="javascript:void(0)" class="addToCart cart"&gt;&lt;/a&gt;

&lt;div id="sbHolder_51608882" class="sbHolder" tabindex="1"&gt;
    &lt;a id="sbToggle_51608882" href="#" class="sbToggle"&gt;&lt;/a&gt;
    &lt;a id="sbSelector_51608882" href="#" class="sbSelector menuItem"&gt;14' - €14.14&lt;/a&gt;
         &lt;ul id="sbOptions_51608882" class="sbOptions" style="display: none;"&gt;
              &lt;li&gt;&lt;a href="#1" rel="1"&gt;6' - €6.66&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#2" rel="2"&gt;12' - €12.12&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#3" rel="3" class="sbFocus"&gt;14' - €14.14&lt;/a&gt;&lt;/li&gt;
         &lt;/ul&gt;
&lt;/div&gt;
</code></pre>

<p>This works ok and is part of the page on load:</p>

<pre><code>&lt;a href="javascript:void(0)" class="addToCart cart"&gt;&lt;/a&gt;
&lt;span class="price menuItem"&gt;12' - €12.99&lt;/span&gt;
</code></pre>
