Remove ' ' - still trying

Question

Still looking for a way to delete ' ' from my html code, found number of ways on stackoverlow.com, but neither of those seam to work!

HTML

<p>No Space</p>
<p>&nbsp;1 Space</p>
<p>&nbsp;&nbsp;2 Spaces</p>
<p>&nbsp;&nbsp;&nbsp;3 Spaces</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;4 Spaces</p>

jQuery

$(document).ready(function() {

    $('p').text().replace(/ /g, '');
    //$('p').html($(this).html().replace(/ /gi,''));

});

jsfiddle - playground http://jsfiddle.net/MrTest/hbvjQ/85/

Any help much appreciated.
Pete

Answer 1

You are replaceing the text, but not applying it back. In addition, use $.trim to get rid of the  

$('p').text(function(i,e){
       return $.trim(e.replace(/ /g, ''));
    });