title: Change all prices on the page from one currency to another with jquery?
body: <p>I don't need to use Yahoo Finance api or such. Simply multiply the numbers by a fixed amount.</p>
  
  <p><a href="https://codepen.io/simii/pen/MEpRWd" rel="nofollow noreferrer" title="See codepen">See codepen</a>. Dropdown functionality is not implemented, I want to have the exchange down first.
  I know this is just the start, but how to go on? This obviously needs several problems to be solved: </p>
  
  <ul>
  <li>This currently changes every value to the same</li>
  <li>I need the ability to change them back when selecting the USD again</li>
  <li>Is it too inefficient to not give classnames, but find all the prices (contains $ or €) automatically?</li>
  </ul>
  
  <p>Could you give me some pointers how should I go on, please?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$(document).ready(function() {
  //  $('select').material_select();
    $('.caret').text(" ");
    //here starts my attempt for the exchange
    var price = $(".price").text().replace("$", "");
    var convertedToNumber = parseFloat(price);
    var eurPrice = convertedToNumber / 1.18;
    $(".price").text(eurPrice);
  
  
  });</code></pre>
  <pre class="snippet-code-css lang-css prettyprint-override"><code>input.select-dropdown {
    color: #26a69a;
  }
  .caret {
    background:url("http://svgshare.com/i/3Bc.svg") no-repeat 90% 50%;
    width:20px;
    height:auto;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;div class="row"&gt;
  
    &lt;div class="input-field col s1"&gt;
      &lt;select&gt;
            &lt;option value="1" selected&gt;USD&lt;/option&gt;
            &lt;option value="2"&gt;EUR&lt;/option&gt;
          &lt;/select&gt;
      &lt;label&gt;Currency&lt;/label&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  
  
  &lt;ul class="currencies"&gt;
    &lt;li class="price"&gt;$1500&lt;/li&gt;
    &lt;li class="price"&gt;$2000&lt;/li&gt;
    &lt;li class="price"&gt;$342&lt;/li&gt;
  &lt;/ul&gt;</code></pre>
  </div>
  </div>
  </p>