Add an asterisk after text embedded in <p> via using jquery
<pre><code>&lt;p id="p1"&gt;
  Please select one option.
&lt;/p&gt;
</code></pre>

<p>I wanna add an asterisk right after '<strong>Please select on option</strong>'.
i.e. <strong>Please select one option.*</strong></p>

<p>I tried: <code>$('#p1').html($(this).append('&lt;span&gt;*&lt;/span&gt;'));</code>
Nothing happened.</p>

<p>I tried: <code>$('#p1').after('&lt;span&gt;*&lt;/span&gt;')</code>
The asterisk is on the line below <p> 
Any idea?</p>
