Tried to add a 'sup' tag to the following. It works, however its cloning the first price it sees, any ideas why?

```
<font class="pricecolor colors_productprice specialprice">
  <span class="PageText_L483n">
     <font class="text colors_text"><b>Regular Price:</b></font>
     <span class="priceis strike">$2,533.31</span> </span>
</font>

<font class="pricecolor colors_productprice specialprice">
  <span class="PageText_L483n">
     <font class="text colors_text"><b>Regular Price:</b></font>
     <span class="priceis strike">$288.00</span> </span>
</font>

<font class="pricecolor colors_productprice specialprice">
  <span class="PageText_L483n">
     <font class="text colors_text"><b>Regular Price:</b></font>
     <span class="priceis strike">$1,055.00</span> </span>
</font>

$(document).ready(function(){
    $('font.pricecolor').html(
        $('.pricecolor').html().replace(/\.\d{1,2}/,
            function(a){
                return '<sup>' + a + '</sup>';
            })
    );
});

```