<div>
<div class="content wysiwyg-content">
Goal: &nbsp;Color the asterisk red. 
 
Here's the current markup: 
 
&lt;label for=&quot;edit-field-deliverable3-und-other&quot;&gt;Demonstration Name *&lt;/label&gt; 
 
 
Here's what I'm trying to achieve: 
 
&lt;label for=&quot;edit-field-deliverable3-und-other&quot;&gt;Demonstration Name &lt;span style='color: red'&gt;*&lt;/span&gt;&lt;/label&gt; 
 
 
 
Note: The code is autogenerated so I don't have the choice of manually inserting code into the label tag.
</div>
</div>

Goal: Color the asterisk red.

Here's the current markup:

<label for="edit-field-deliverable3-und-other">Demonstration Name *</label>


Here's what I'm trying to achieve:

<label for="edit-field-deliverable3-und-other">Demonstration Name *</label>



Note: The code is autogenerated so I don't have the choice of manually inserting code into the label tag.

Insert JQuery between Label tags?

jQuery (Core) is a cross-browser JavaScript library that provides abstractions for common client-side tasks such as Document Object Model (DOM) traversal, DOM manipulation, event handling, animation and Ajax. jQuery also provides a platform to create plugins that extend jQuery's capabilities beyond those already provided by the library.

jQuery

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.