title: Highlighting the word in arabic
body: <p>I want to highlight the the arabic diacretics with  but it changes the form of the word, </p>
  
  <pre><code>ك&lt;span style="color:blue"&gt;َ&lt;/span&gt;تَبَ 
  </code></pre>
  
  <p>and this turns into</p>
  
  <pre><code>كَ تَبَ
  </code></pre>
  
  <p>but it should be like this:</p>
  
  <pre><code>كَتَبَ
  </code></pre>
  
  <p>Is there's any way of doing this </p>