title: How to replace all "/" within a p tag
body: <p>I would like to replace all forward slashes within a p tag but I cannot see what I am doing wrong.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$(document).ready(function() {
    var content = $("p").text();
    content.replace(/\//g, 'ForwardSlash');
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;p&gt;YOYOYO / yoyoyoy / YIYYIYIYI ddwqd w/ dwdwdw/ dwd / dwd /&lt;/p&gt;
  &lt;div&gt;YOYOYO / yoyoyoy / YIYYIYIYI ddwqd w/ dwdwdw/ dwd / dwd /&lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>The reason that I want to do this is because a site I am making requires all the forward slashes to be a different colour to the text within the tag and as I am building the site within a CMS I am trying to make it easy to edit. The crude way of doing this would be to make the client paste spans with class names or inline styles. Hopefully I can do one of those things for him automatically using your help and the code above.</p>