title: jquery parseFloat assigning val to field
body: <p>I have a select box that gives a description of a product along with a price. Depending on what the user selects, I'd like to automatically grab that dollar amount from the option selected and assign it to a price input field. My HTML: </p>
  
  <pre><code>&lt;tr&gt;
      &lt;td&gt;
          &lt;select class="selector"&gt;
              &lt;option value="Item One $500"&gt;Item One $500&lt;/option&gt;
              &lt;option value="Item Two $400"&gt;Item Two $400&lt;/option&gt;
          &lt;/select&gt;
      &lt;/td&gt;
      &lt;td&gt;
          &lt;input type="text" class="price"&gt;&lt;/input&gt;
      &lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p>So based on what is selected, I want either 500 or 400 assigned to the .class input. I tried this but I'm not quite sure where I'm going wrong:</p>
  
  <pre><code>$('.selector').blur(function(){
      var selectVal = ('.selector &gt; option.val()');
      var parsedPrice = parseFloat(selectVal.val());
      $('.price').val(parsedPrice);
  });
  </code></pre>