I need to get the text within a span to populate within a textbox.

Texarea I would like to populate:

1. <div id="GiftMessageOption" class="top-m btm-m">
2. <h5>Gift Message</h5>                    
3. <label for="giftMsg">
4. <small>Please type your desired message (optional)</small>:<br />
5. </label>                       
6. <textarea class="Field validation productAttributeFluidWidth" id="giftMsg" value=""></textarea>                       
7. <div class="cf"></div>                    
8. </div>
9. 
   

Span I want the value of:

1. <table class="productAttributes" cellpadding="0" cellspacing="2">
       couple other tr's & td's...
       <tr>
       <td>
           <label>Gift &#8203;Messa&#8203;ge:</label>
       </td>
       <td>
           <span>THIS IS THE VALUE I WANT</span>
       </td>
   </tr>
       couple other tr's & td's...
   </table>
   
   
   
   
   
   
   
   
   
   
   

I'm trying to target the span with it's label because they are both generated by an external server and the values change. The only consistency is that the label contains "Gift". I know this is a horrible way to go about things but in this case cannot be helped.

I've tried various things but this is my latest unsuccessful attempt:

$('#giftMsg').val($('label:contains("Gift")').parents('span').val()); 

Am I even close?

Thanks very much,

Susan