IE7 space issue in string with jQuery
<p>I created a text effect using jquery, which is working fine in all browsers except IE7</p>

<p>You can see the effect here: <a href="http://jaspreetkaur.com/chatter/" rel="nofollow">http://jaspreetkaur.com/chatter/</a> 
used for text "get to the chatter that matters".</p>

<p>I found that following condition is always true in IE7 (it's never going in else part of the condition or not comparing the space character)</p>

<pre><code>for (var i=str.length-1; i&gt;=0; i--) {
    if (str[i] != ' ') {
        $(this).prepend("&lt;span class='c" + i + "'&gt;&amp;nbsp;&lt;/span&gt;");
    } else {
        $(this).prepend("&lt;span class='nobg'&gt;&amp;nbsp;&lt;/span&gt;");
    }
}
</code></pre>

<p>str variable contains the string "get to the chatter that matters".</p>

<p>Also appearance of the text is different in IE7, i am not sure if it's a problem in CSS. I am not able to figure it out till now.</p>

<p>Thanks.</p>
