How can I prepend some HTML to an element, then check if the HTML was prepended?
<p>I have a global JS method that puts a * in front of every field marked as having class .fish-label</p>

<p>the code is:</p>

<pre><code>var fishString = "&lt;span class='fish-label'&gt; * &lt;/span&gt;";
$elements.each(function (index, value) {
            if ($(this).html().indexOf(fishString) != 0) {
                $(this).prepend(fishString);
            }
        });
</code></pre>

<p>This works in all browsers except for IE. IE capitalises injected HTML and also my quotes get mysteriously lost somewhere when I alert the html() value.</p>

<p>Is there a better, working way I can implement this? The idea is that if the function gets called twice, it won't add two asterisks.</p>
