Remove last character from a HTML label?

[Mouth]

Hopefully XF guru's can help me with a non-XF problem needing a solution?

Given the following HTML code snippet, that I'm unable to edit;

<tr><td class="MBD-Space3" colspan="2">&nbsp;</td></tr>   
               <td style="text-align:right;vertical-align:middle;width:40%;white-space:nowrap;" class="MBD-MediumTextBold" >
                  <Label For="MAIL">E-Mail:</Label> <span class="MBD-RedAsterisk">*</span>&nbsp;                                                     
               </td>
               <td style="text-align:left;vertical-align:top;white-space:nowrap;">
                  <input type="text" class="MBD-MediumText" id="MAIL" name="MAIL" value="" maxlength="150" size="40">
                  <input type="hidden" name="MAIL_RECKEY" value="0">                     
               </td>
            </tr>

How could I use javascript or CSS so that the colon in the label text is removed? "E-Mail:" becomes "E-Mail".

 

[Arty]

JS solution:

$(document).ready(function() { $('label[for="MAIL"]').each(function() { var $this = $(this); $this.html($this.html().replace(':', '')); }); });

 

[Mouth]

JS solution

Thank-you very much