Insert content of child of selector into another element on hover
<p>I would like to add the content of a hidden span that is nested in an "a" element into another element on the page. Ideally, I'd like the content of the span injected into the other element, not the span tags themselves.</p>

<pre><code>&lt;script type="text/javascript"&gt;
    $(document).ready(function() {
        $(".test").hover(function() {

            var rolloverText = $(this).children("span");
            $("#rollover_text").html(rolloverText);
        });
    });
&lt;/script&gt;
</code></pre>

<p>And the html is like this:</p>

<pre><code>&lt;div id="rollover_holder"&gt;
     &lt;h3 id="your_family"&gt;Your Family&lt;/h3&gt;
     &lt;div id="rollover_image_top_left"&gt;
         &lt;a href="#" class="test" title="Your Family"&gt;&lt;/a&gt;&lt;span&gt;test text&lt;/span&gt;
     &lt;/div&gt;  
&lt;/div&gt;
&lt;div id="rollover_text"&gt;

&lt;/div&gt;
</code></pre>

<p>It doesn't seem to be working for me :(</p>
