title: Display Javascript variables in HTML label
body: <p>I have this commercial in a web site.</p>
  
  <p><a href="http://img89.imageshack.us/img89/5157/mv8k.png" rel="nofollow">http://img89.imageshack.us/img89/5157/mv8k.png</a> (Image).</p>
  
  <p>This commercial contain prices' information and those prices are in javascript variables. I want to update the prices automatically when I updated the variables values (The prices are between "Desde" and "Bs." at the red color  font).</p>
  
  <p>The html to display those labels are the following:</p>
  
  <pre><code>    &lt;ul style="list-style-type:circle; margin-top:0px;"&gt;
        &lt;li&gt;&lt;a href="http://printoriente.com/tarjetas-presentacion/"&gt;Tarjetas de presentaci&amp;oacute;n&lt;/a&gt;&lt;label class="printoriente-label"&gt; - Desde &lt;/label&gt;&lt;label class="printoriente-tp-price"&gt;&lt;/label&gt;&lt;label class="printoriente-label"&gt;Bs.&lt;/label&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="http://printoriente.com/afiches/"&gt;Afiches&lt;/a&gt;&lt;label class="printoriente-label"&gt; - Desde &lt;/label&gt;&lt;label class="printoriente-label-price"&gt;&lt;/label&gt;&lt;label class="printoriente-label"&gt;Bs.&lt;/label&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="http://printoriente.com/volantes/"&gt;Volantes&lt;/a&gt;&lt;label class="printoriente-label"&gt; - Desde &lt;/label&gt;&lt;label class="printoriente-label-price"&gt;&lt;/label&gt;&lt;label class="printoriente-label"&gt;Bs.&lt;/label&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="http://printoriente.com/fotos/"&gt;Fotos&lt;/a&gt;&lt;label class="printoriente-label"&gt; - &lt;/font&gt;Desde &lt;label class="printoriente-label-price"&gt;&lt;/label&gt;&lt;label class="printoriente-label"&gt;Bs.&lt;/label&gt;&lt;/li&gt;
      &lt;/ul&gt;
    &lt;/div&gt;
    &lt;p style="padding-left:20px; font-size:12px; margin-top:20px;"&gt; Vis&amp;iacute;tanos y ver&amp;aacute;s lo f&amp;aacute;cil que es dise&amp;ntilde;ar!&lt;/p&gt;
  &lt;/div&gt;
  
  &lt;script&gt;
  $.getJSON( "http://api.printoriente.com/price/tarjetas-presentacion", function( data ) {
    console.log(data.refPrice);
  });
  $.getJSON( "http://api.printoriente.com/price/afiches", function( data ) {
    console.log(data.refPrice);
  });
  $.getJSON( "http://api.printoriente.com/price/volantes", function( data ) {
    console.log(data.refPrice);
  });
  $.getJSON( "http://api.printoriente.com/price/Fotos", function( data ) {
    console.log(data.refPrice);
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>The prices are in "data.refPrice" variable. I want to display those variables in the labels only with the class "printoriente-label-price". I investigated something about ".each" and ".find" in javascript, I dont know if it coould be a solution.</p>
  
  <p>I did it with ids but It generates conflicts with the rest of the web site. I have to do It with other method, It occurred to me something like that.</p>
  
  <p>Regards.</p>