title: How do I remove invisible "&nbsp;&nbsp;" which has been automatically added to code
body: <p>I am developing a mobile website in JQuery Mobile and I am fining that at seemingly 'random' points, the web browser is adding in: </p>
  
  <pre><code>"&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;"
  </code></pre>
  
  <p>(different amounts on the different pages it occurs). </p>
  
  <p>Much of the base of the code is copied and pasted straight from the JQM demo site for the different widgets/layouts etc... and I have read that copying/pasting code from different places can cause this issue. The problem is, how do I remove it, especially when I have already done a reasonable amount of coding?</p>
  
  <p>I have tried copy/pasting it into notepad, saving as a plain text doc and then copy/pasting back into my editor (Sublime text 2) but that doesn't seem to work. </p>
  
  <p>I'd prefer a procedural solution over having to add a line of script to strip it out at the browser end if possible.</p>
  
  <p>An example of this can be seen on this page: <a href="http://noee.brandallareas.co.uk/#delegates" rel="nofollow">http://noee.brandallareas.co.uk/#delegates</a> , 
  There is not meant to be that much space between the tables (you can see the added space characters through firebug/element inspector).</p>