Wrap dollar values in a span with jQuery?
<p>I've got a bunch of h4 tags that I want to wrap in a <code>&lt;span class="red"&gt; &lt;/span&gt;</code> </p>

<p>Some of the text is like this: $12 and some has a space like $ 5</p>

<p>How can I wrap all instances of $ and the numbers that follow with jQuery?</p>

<p>Let me clarify. I want to have this <code>&lt;h4&gt; this item is &lt;span class="red"&gt;$42&lt;/span&gt; and on sale&lt;/h4&gt;</code> </p>
