How to multiply a drop down form field with a text field using jquery
<p>I have a form with a dropdown that has different dollar amount... $50, $100, etc. The problem is jQuery doesn't recognize $50 as 50, and I can't figure out how to use a regex or some other method to filter out the dollar sign in front of the $50 so I can multiply two values (that value * an input field).</p>

<p>After the two values are multiplied, I'm trying to append the total to the span with the id of total.</p>

<p>EDIT: I can't edit the HTML.</p>

<p>HTML:</p>

<pre><code>&lt;span class="Amount"&gt;
    &lt;select name="Amount" class="wpcf7-form-control  wpcf7-select"&gt;
        &lt;option value="$50"&gt;$50&lt;/option&gt;
        &lt;option value="$75"&gt;$75&lt;/option&gt;
        &lt;option value="$100"&gt;$100&lt;/option&gt;
        &lt;option value="$150"&gt;$150&lt;/option&gt;
        &lt;option value="$300"&gt;$300&lt;/option&gt;
    &lt;/select&gt;
&lt;/spa&gt;

&lt;span class="Qty"&gt;
    &lt;input type="text" name="Qty" size="2" maxlength="2"&gt;
&lt;/span&gt;

&lt;span id="total"&gt;total: &lt;/span&gt;
</code></pre>

<p>JS:</p>

<pre><code>$('.Qty input').keyup(function() {
    var quantity = parseFloat($(this).val());

    //this returns NaN
    var dollars = $('span.Amount select').val();

    $('#total').text((quantity * dollars )); 
});​
</code></pre>
