How do I edit areas of text within several HTML elements with jQuery
<p>Observe:</p>

<pre><code>&lt;span class="description"&gt;

Not This person?
&lt;a href="http://www.example.com" target="_self"&gt;Click Here&lt;/ &gt;

&lt;/span&gt;
</code></pre>

<p>I want to edit the "Not this person" part of the "description" class and also the "click here" part without touching the anchor tag "href" attribute.</p>

<p>Is this possible with jQuery?</p>

<p>Sorry for being so terrible at explaining guys, here is a MUCH better explanation:</p>

<p>Ok, so this bit of HTML is written in a layout template in Pardot, which will generate the contents within the span of "description". That will include the anchor and its text "click here". In the editor, the HTML looks like this:</p>

<pre><code>&lt;span class="description"&gt;

%%description%%

&lt;/span&gt;
</code></pre>

<p>In the BROWSER it will generate the following: </p>

<pre><code>&lt;span class="description"&gt;

Not This person?
&lt;a href="http://www.example.com" target="_self"&gt;Click Here&lt;/a &gt;

&lt;/span&gt;
</code></pre>

<p>I would like to edit the "Not this person" and "click here" elements with jQuery! Sorry for not being clear enough earlier!</p>
