title: Scraping a float value from the DOM
body: <p>I have the following element on my page:</p>
  
  <pre><code>&lt;div id="price"&gt;$8.00&lt;/div&gt;
  </code></pre>
  
  <p>I want to be able to assign the value <code>8.00</code> to a JavaScript variable so that I can perform math on it (specifically <code>8.00 * .2</code>), and then want to take the new number and place it next to the original, while applying a line-through on the original number ONLY. So the outcome would look something like this: </p>
  
  <p>$8.00 $1.60 (where the "$8.00" has a <code>text-decoration:line-through</code> applied to it.)</p>
  
  <p>I have been able to figure out the math and resetting the text, but I need help figuring out how to take something that's displayed, and make assign its value to a variable. I am using jQuery.  Any help is appreciated. </p>