Get text from span with a specific class
<p>I have the below HTML and JQuery code and i am needing some help to do the following, i have some radio buttons with freight types, when the user choose one of them i need to get its price, it is in the span with the class <code>price</code>. I've tried to use <a href="http://api.jquery.com/closest/" rel="nofollow"><code>.closest()</code></a> but i am getting and empty result (JQuery v1.7.2). Can anybody help me to get this?</p>

<p><strong>HTML</strong></p>

<pre><code>&lt;div class="freight"&gt;
    &lt;input type="radio" name="freight-type" id="FX" value="FX" /&gt;
    &lt;label for="FX"&gt;
        &lt;span class="blue"&gt;Fedex&lt;/span&gt;- 
        &lt;strong&gt;US$ &lt;span class="price"&gt;12.42&lt;/span&gt; &lt;/strong&gt;
        &lt;span class="small-text"&gt; (Delivery time: &lt;strong&gt;3 business days)&lt;/strong&gt;&lt;/span&gt;
    &lt;/label&gt;
&lt;/div&gt;
</code></pre>

<p><strong>JQuery</strong></p>

<pre><code>$("input[name=freight-type]").change(function() {

    alert( $(this).closest(".price").text() )

});
</code></pre>
