title: HTML `img` tag can't display as image in object jquery
body: <p>I have data from "sugestion" var like this, this after I conevert the object "suggestion" to string.</p>
  
  <pre><code>{"value":"&lt;img src=\"http://localhost/erp/assets/images/product/123.jpg\"&gt; 123123123 t-shirt","data":"ABC098765"}
  </code></pre>
  
  <p>But <code>&lt;img src="\"http://localhost/erp/assets/images/product/123.jpg\"&gt;</code> can't display as image, the image tag only display as text after append to</p>
  
  <p>this is the ouput display.</p>
  
  <pre><code>html += '&lt;div class="' + className + '" data-index="' + i + '"&gt;' + formatResult(suggestion, value, i) + '&lt;/div&gt;';
  </code></pre>
  
  <p>The complite script</p>
  
  <pre><code>    $.each(that.suggestions, function (i, suggestion) {
          if (groupBy){
              html += formatGroup(suggestion, value, i);
          }
          html += '&lt;div class="' + className + '" data-index="' + i + '"&gt;' + formatResult(suggestion, value, i) + '&lt;/div&gt;';
      });
  </code></pre>
  
  <p>the format result</p>
  
  <pre><code>Autocomplete.formatResult = function (suggestion, currentValue) {
          // Do not replace anything if there current value is empty
          if (!currentValue) {
              return suggestion.value;
          }
  
          var pattern = '(' + utils.escapeRegExChars(currentValue) + ')';
  
          return suggestion.value
              .replace(new RegExp(pattern, 'gi'), '&lt;strong&gt;$1&lt;\/strong&gt;')
              .replace(/&amp;/g, '&amp;amp;')
              .replace(/&lt;/g, '&amp;lt;')
              .replace(/&gt;/g, '&amp;gt;')
              .replace(/"/g, '&amp;quot;')
              .replace(/&amp;lt;(\/?strong)&amp;gt;/g, '&lt;$1&gt;');
      };
  </code></pre>
  
  <p>How to make the image tag as image when the output display?</p>
  
  <p>Thank you</p>