title: Emoticons doesn't work with multiple emoji in (Saferi and Chrome browser)
body: <p>I am trying to make a emoticon using jquery. But i have a problem with multiple emoji. I have created this <a href="http://jsfiddle.net/nxhmz0nv/" rel="nofollow">demo</a> from jsfiddle.net .</p>
  
  <p>The jquery code is working fine with if user write different multiple emoji but if user write two or more smile like :):):):) then jquery code showing just first emoji other emoji will not showing. Anyone can help me here ?</p>
  
  <p>JS</p>
  
  <pre><code>jQuery.fn.emoticons = function(icon_folder) {
      /* emoticons is the folder where the emoticons are stored*/
      var icon_folder = icon_folder || "emoticons";
      //var settings = jQuery.extend({emoticons: "emoticons"}, options);
      /* keys are the emoticons
       * values are the ways of writing the emoticon
       *
       * for each emoticons should be an image with filename
       * 'face-emoticon.png'
       * so for example, if we want to add a cow emoticon
       * we add "cow" : Array("(C)") to emotes
       * and an image called 'face-cow.png' under the emoticons folder   
       */
      var emotes = {"smile": Array(":-)",":)","=]","=)"),
                    "sad": Array(":-(","=(",":[",":&amp;lt;"),
                    "wink": Array(";-)",";)",";]","*)"),
                    "grin": Array(":D","=D","XD","BD","8D","xD"),
                    "surprise": Array(":O","=O",":-O","=-O"),
                    "devilish": Array("(6)"),
                    "angel": Array("(A)"),
                    "crying": Array(":'(",":'-("),
                    "plain": Array(":|"),
                    "smile-big": Array(":o)"),
                    "glasses": Array("8)","8-)"),
                    "kiss": Array("(K)",":-*"),
                    "monkey": Array("(M)")};
  
      /* Replaces all ocurrences of emoticons in the given html with images
       */
      function emoticons(html){
          for(var emoticon in emotes){
              for(var i = 0; i &lt; emotes[emoticon].length; i++){
                  /* css class of images is emoticonimg for styling them*/
                  html = html.replace(emotes[emoticon][i],"&lt;img src=\"http://www.oobenn.com/"+icon_folder+"/face-"+emoticon+".png\" class=\"emoticonimg\" alt=\""+emotes[emoticon][i]+"\"/&gt;","g");
              }
          }
          return html;
      }
      return this.each(function(){
          $(this).html(emoticons($(this).html()));
      });
  };
  
  $(document).ready(function(){
      $(".posted").emoticons();
  });
  </code></pre>