Get value with javascript from a tag inside a tag
<p>I need to extract data from such code:</p>

<pre><code>&lt;div class="rateCalc_InfoLine2"&gt;
    &lt;span style="font-size:12px;"&gt;
        Text1 - &lt;b&gt;&lt;font color="red" size="2"&gt;$ 500&lt;/font&gt;&lt;/b&gt;;
        Text2 - &lt;b&gt;&lt;font color="red"&gt;$ 30&lt;/font&gt;&lt;/b&gt;
    &lt;/span&gt;
&lt;/div&gt;
</code></pre>

<p>So basically, I need to find the value <code>30</code> that is inside the <code>2nd font tag</code> of the <code>span tag</code> that is inside <code>div tag</code> with the class <code>rateCalc_InfoLine2</code>. The structure is static, so I dont need to worry about mistakes ( only the value <code>30</code> will change )</p>

<p>I know hoe to get the value of the div like this: </p>

<pre><code>$(".rateCalc_InfoLine2").html();
</code></pre>

<p>but how to get the specific one I need?</p>

<hr>

<p>Answer: <code>$(".rateCalc_InfoLine2 font").eq(1).html().replace('$ ', '');</code></p>
