title: Replace character in a span with line break
body: <p>I'm trying to do a one little thing for few hours and I don't know why nothing works for me.</p>
  
  <p>The problem is I want to take every span with class "variant" and change its content in a way that every ";" semicolon will be replaced with a line break. I've been trying dozens of solutions and nothing works.</p>
  
  <pre><code>&lt;span class="variant"&gt;Coin Wallet: Yes (+7,5 €); Business Card Holder: No; Monogram + 16,25 € (max. 10 symbols): &lt;/span&gt;
  </code></pre>
  
  <p>I've tried solutions like: </p>
  
  <pre><code>$(document).ready(function() {
  var text = $(".variant").val().replace(/\;/g, "&lt;br&gt;");
  $(".variant").val(text);
  });
  </code></pre>
  
  <p>or</p>
  
  <pre><code>$(document).ready(function() {
  $(".variant").replaceText( /;/gi, "&lt;br&gt;" );
  });
  </code></pre>