title: Change all div content on selecting option from dropdown
body: <p>I want to change div content where ever div is used with same name, code is working fine but it is only changing content of first div what should I do? Code is given below. </p>
  
  <pre><code>&lt;select id="select" name="cd-dropdown" class="cd-select"&gt;
  &lt;option value="-1" selected&gt;Currency&lt;/option&gt;
  &lt;option value="1"&gt;Dollar $&lt;/option&gt;
  &lt;option value="2"&gt;Pound £&lt;/option&gt;
  &lt;option value="3"&gt;Rupees &lt;/option&gt;
  &lt;option value="4"&gt;Dirham &lt;/option&gt;
  &lt;/select&gt;
  
  
  
   &lt;script&gt;
  $(document).ready(function () {
  $('.pr-price').hide();
  $('#2').show();
  $('#select').change(function () {
      $('.pr-price').hide();
      $('#'+$(this).val()).show();
  }); });
  
  &lt;div id="1" class="pr-price"&gt;$100&lt;/div&gt;
  &lt;div id="2" class="pr-price"&gt;£200&lt;/div&gt;
  &lt;div id="3" class="pr-price"&gt;Rs300&lt;/div&gt;
  &lt;div id="4" class="pr-price"&gt;D400&lt;/div&gt;
  </code></pre>