title: HTML Title tooltip gets cut off after spaces
body: <p>I'm trying to get some specific title text to display via JavaScript, but I'm having some issues getting the entire string to show up. </p>
  
  <p>The text I'm trying to display:</p>
  
  <blockquote>
    <p>mechanical : Failed to copy </p>
  </blockquote>
  
  <p>And here's what shows up in HTML:</p>
  
  <pre><code>`&lt;td title="mechanical" :="" failed="" to="" copy=""&gt;mechanical : Failed to copy&lt;/td&gt;`
  </code></pre>
  
  <p>The actual title displayed afterwards is just <code>mechanical</code>. </p>
  
  <p>In Javascript:</p>
  
  <pre><code>var copyResult = json_obj[i].CopyResult; //variable that contains the text
  copyResult = copyResult.replace(/["{}]/g, " "); //regex that removes some characters and replaces them with spaces
  </code></pre>
  
  <p>The <code>copyResult</code> variable is then added to the element I want.</p>
  
  <p>It looks like having spaces "ends" the title attribute, so the browser tries to make more attributes with the remaining text.</p>
  
  <p><strong>What's the best way to fix this?</strong> </p>