title: Remove a character from the middle of a string: without removing inner element
body: <p>This one has me stumped. I want to remove the "+" from a <code>label</code> element. Here's the HTML:</p>
  
  <pre><code> &lt;label class="option" for="edit-attributes-21-33"&gt;
   &lt;input type="radio" id="edit-attributes-21-33" name="attributes[21]" 
   value="33" checked="checked" class="form-radio"&gt; 4 oz, +$15.00&lt;/label&gt;
  </code></pre>
  
  <p>I started with this</p>
  
  <pre><code>$(".option").each(function(index, value) {
  
  $(this).text( $(this).text().replace("+", ""));
  
  })
  </code></pre>
  
  <p>This removes the "+" but also strips out the input element. So then I tried:</p>
  
  <pre><code>$(".option").each(function(index, value) {
  
  var oldString = $(this).html();
  var newString = oldString.replace("+", "");
  console.log(oldString, newString);
  $(this).text(newString);
  
  })
  </code></pre>
  
  <p>This makes a string of the correct html mark-up, but it's a string and is passed back to the DOM that way. I've seen another post with the same problem, but no solution. </p>