Jquery: add one line to each class
<p>I have class <code>dot</code> and have html code like that:</p>

<pre><code>&lt;span class="dot"&gt;Text1&lt;/span&gt;
&lt;span class="dot"&gt;Text2&lt;/span&gt;
&lt;span class="dot"&gt;Text3&lt;/span&gt;
</code></pre>

<p>I want to add to each element who has class <code>dot</code> additional text automatically. For example, add <code>&amp;#8226;</code> code that it would be </p>

<pre><code>&lt;span class="dot"&gt;&amp;#8226; Text1&lt;/span&gt;
&lt;span class="dot"&gt;&amp;#8226; Text2&lt;/span&gt;
&lt;span class="dot"&gt;&amp;#8226; Text3&lt;/span&gt;
</code></pre>

<p>I imagine it should be done with jquery, so any help?</p>

<p>Thanks.</p>
