title: JavaScript Text Color Change To Each Word In Array
body: <p>I have this JavaScript Code:</p>
  
  <pre><code>            $(function() {
              var text = $(this).find("#text").html();
  
              var key_words = ['university', 'students', 'institutions', 'education'];
  
              function colorText(text, keywords) {
                  var rd;
                  $.each(keywords, function(index, item) {
                      var r = new RegExp(item, "gi")
                      rd = text.replace(r, '&lt;span style="background: yellow"&gt;' + item + '&lt;/span&gt;');
                  });
                  return rd;
              }
  
  
             var colorWords = colorText(text, key_words);
  
             $(this).find("#text").html(colorWords);
  
          });
  </code></pre>
  
  <p>I want to replace all key_words array with colors simple and easy. But always colored only students in whole text and thats all.</p>
  
  <p>What i'm i doing wrong. Thanks in advance.</p>