title: Getting an extended-character for any control with an icon in jQuery Mobile
body: <p>I've dealt with and fixed this problem for this app once before, but I don't recall <em>exactly</em> what fixed it. The only thing I remember doing is downloading fresh copies of jQuery, jQuery Mobile, etc; but I've done that again and it hasn't fixed the issue.</p>
  
  <p><img src="https://img.skitch.com/20120430-na2xewwg5dn2gp5998xbqrrnfx.png" alt=""></p>
  
  <p>This character, "Â" shows up for every control that would have an icon, like listviews with a ">", and the buttons seen here.</p>
  
  <p>The character is actually being added to the source of the page as jQM is modifying it (see the span contents):</p>
  
  <pre><code>&lt;a data-icon="maps" id="maps-button" data-role="button" target="_blank" href="http://example.com/map/" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-theme="a" class="ui-btn ui-shadow ui-btn-corner-all ui-btn-icon-left ui-btn-up-a"&gt;
      &lt;span class="ui-btn-inner ui-btn-corner-all"&gt;
          &lt;span class="ui-btn-text"&gt;Maps&lt;/span&gt;
          &lt;span class="ui-icon ui-icon-maps ui-icon-shadow"&gt;Â &lt;/span&gt;
      &lt;/span&gt;
  &lt;/a&gt;
  </code></pre>
  
  <p>Any ideas?</p>